← Back to Editor

#4BB79F · #F7D0B1 · #F69C81 · #FB4E52 · #54403F

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#4BB79F

Mineral Blue · CadetBlue · Lake Green

HEX
#4BB79F
RGB
rgb(75, 183, 159)
HSL
hsl(167, 43%, 51%)
HSB
hsb(167, 59%, 72%)
CMYK
cmyk(59%, 0%, 13%, 28%)
Oklch
oklch(71.0% 0.105 176.0)

Traditional「Mineral Blue」· Paint「Lake Green」· Creative Blush Sunrise

#F7D0B1

Apricot · Wheat · Peach Orange

HEX
#F7D0B1
RGB
rgb(247, 208, 177)
HSL
hsl(27, 81%, 83%)
HSB
hsb(27, 28%, 97%)
CMYK
cmyk(0%, 16%, 28%, 3%)
Oklch
oklch(88.3% 0.060 60.4)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#F69C81

Peach Pink · LightSalmon · Coral Red

HEX
#F69C81
RGB
rgb(246, 156, 129)
HSL
hsl(14, 87%, 74%)
HSB
hsb(14, 48%, 96%)
CMYK
cmyk(0%, 37%, 48%, 4%)
Oklch
oklch(77.8% 0.115 37.5)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#FB4E52

Peach Pink · Tomato · Coral Red

HEX
#FB4E52
RGB
rgb(251, 78, 82)
HSL
hsl(359, 96%, 65%)
HSB
hsb(359, 69%, 98%)
CMYK
cmyk(0%, 69%, 67%, 2%)
Oklch
oklch(66.8% 0.209 23.6)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#54403F

Crimson · DarkSlateGray · Wine Red

HEX
#54403F
RGB
rgb(84, 64, 63)
HSL
hsl(3, 14%, 29%)
HSB
hsb(3, 25%, 33%)
CMYK
cmyk(0%, 24%, 25%, 67%)
Oklch
oklch(39.3% 0.028 21.7)

Traditional「Crimson」· Paint「Wine Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

4BB79F
B84C64

Analogous

4CB86B
4BB79F
4C99B8

Triadic

4BB79F
A04CB8
B8A04C

Split-Comp.

4BB79F
B84C99
B86B4C

Tetradic

4BB79F
6B4CB8
B84C64
99B84C

Contrast Matrix WCAG 2.1 Contrast

4BB79F
F7D0B1
F69C81
FB4E52
54403F
—
1.7
Fail
1.2
Fail
1.4
Fail
3.9
AA Large
1.7
Fail
—
1.5
Fail
2.3
Fail
6.7
AA
1.2
Fail
1.5
Fail
—
1.6
Fail
4.6
AA
1.4
Fail
2.3
Fail
1.6
Fail
—
2.9
Fail
3.9
AA Large
6.7
AA
4.6
AA
2.9
Fail
—
White BG
2.4Fail
1.4Fail
2.1Fail
3.3AA Large
9.6AAA
Black BG
8.6AAA
14.6AAA
10.0AAA
6.3AA
2.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

7A7BA5
E6E6B9
CFCE88
B0AF51
4B4B3F

Deuteranopia

746BA6
E8EBBA
D4DB89
BAC751
4D4E3F

Tritanopia

50A9AA
F5BEC0
F28D8E
F25050
533F3F

Achromatopsia

949494
D8D8D8
B4B4B4
828282
464646

Shades & Tints Shades & Tints

#4BB79F

Dark
Light

#F7D0B1

Dark
Light

#F69C81

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #4bb79f;
  --color-2: #f7d0b1;
  --color-3: #f69c81;
  --color-4: #fb4e52;
  --color-5: #54403f;
}

SCSS

$color-1: #4bb79f;
$color-2: #f7d0b1;
$color-3: #f69c81;
$color-4: #fb4e52;
$color-5: #54403f;

TAILWIND

colors: {
  'brand-1': '#4bb79f',
  'brand-2': '#f7d0b1',
  'brand-3': '#f69c81',
  'brand-4': '#fb4e52',
  'brand-5': '#54403f',
}

RGB Array

[75, 183, 159], [247, 208, 177], [246, 156, 129], [251, 78, 82], [84, 64, 63]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #4BB79F, #F7D0B1, #F69C81, #FB4E52, #54403F is ideal for: social media posters, mobile apps, e-commerce promos, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #4bb79f; --color-2: #f7d0b1; --color-3: #f69c81; --color-4: #fb4e52; --color-5: #54403f. LangColor editor supports one-click export to CSS, SCSS, Tailwind, JSON and more. Click the "Export" button to choose your format.

What UI/UX design tips apply to this palette?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. High-contrast palettes naturally meet WCAG accessibility standards. Use the "Contrast Matrix" tool in LangColor editor to check WCAG accessibility levels for every color pair.

Which industries or brands suit this palette?

This general-style 5-color scheme is especially suited for food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. Click "AI Analysis" in the editor for more detailed brand color suggestions.

🎨 Open this palette in Editor →

Generated by LangColor online color tool · Breaking the barrier between language and color