← Back to Editor

#EFBBC8 · #EA7585 · #D01E2E · #FEC551 · #9CAC28

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#EFBBC8

Peach Pink · Pink · Cherry Blossom

HEX
#EFBBC8
RGB
rgb(239, 187, 200)
HSL
hsl(345, 62%, 84%)
HSB
hsb(345, 22%, 94%)
CMYK
cmyk(0%, 22%, 16%, 6%)
Oklch
oklch(84.2% 0.062 1.9)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Rose Petal

#EA7585

Peach Pink · LightCoral · Coral Red

HEX
#EA7585
RGB
rgb(234, 117, 133)
HSL
hsl(352, 74%, 69%)
HSB
hsb(352, 50%, 92%)
CMYK
cmyk(0%, 50%, 43%, 8%)
Oklch
oklch(70.1% 0.145 13.0)

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

#D01E2E

Vermilion · Crimson · Passion Red

HEX
#D01E2E
RGB
rgb(208, 30, 46)
HSL
hsl(355, 75%, 47%)
HSB
hsb(355, 86%, 82%)
CMYK
cmyk(0%, 86%, 78%, 18%)
Oklch
oklch(55.1% 0.208 24.1)

Traditional「Vermilion」· Paint「Passion Red」· Creative Blush Sunrise

#FEC551

Ginger · SandyBrown · Sunflower

HEX
#FEC551
RGB
rgb(254, 197, 81)
HSL
hsl(40, 99%, 66%)
HSB
hsb(40, 68%, 100%)
CMYK
cmyk(0%, 22%, 68%, 0%)
Oklch
oklch(85.4% 0.145 82.1)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#9CAC28

Autumn Sage · DarkGoldenRod · Honey Gold

HEX
#9CAC28
RGB
rgb(156, 172, 40)
HSL
hsl(67, 62%, 42%)
HSB
hsb(67, 77%, 67%)
CMYK
cmyk(9%, 0%, 77%, 33%)
Oklch
oklch(70.9% 0.150 116.5)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EFBBC8
BDEFE3

Analogous

EFBDE3
EFBBC8
EFCABD

Triadic

EFBBC8
CAEFBD
BDCAEF

Split-Comp.

EFBBC8
BDEFCA
BDE3EF

Tetradic

EFBBC8
E3EFBD
BDEFE3
CABDEF

Contrast Matrix WCAG 2.1 Contrast

EFBBC8
EA7585
D01E2E
FEC551
9CAC28
—
1.7
Fail
3.2
AA Large
1.1
Fail
1.5
Fail
1.7
Fail
—
1.9
Fail
1.8
Fail
1.1
Fail
3.2
AA Large
1.9
Fail
—
3.4
AA Large
2.1
Fail
1.1
Fail
1.8
Fail
3.4
AA Large
—
1.6
Fail
1.5
Fail
1.1
Fail
2.1
Fail
1.6
Fail
—
White BG
1.7Fail
2.8Fail
5.4AA
1.6Fail
2.5Fail
Black BG
12.6AAA
7.4AAA
3.9AA Large
13.3AAA
8.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D8D8C5
B7B681
83812A
E5E56D
A3A348

Deuteranopia

DCDFC4
BEC780
8D9B29
E9ED74
A2A150

Tritanopia

ECC2C2
E47E7D
C72726
FB8388
9D6167

Achromatopsia

CCCCCC
9A9A9A
555555
C9C9C9
989898

Shades & Tints Shades & Tints

#EFBBC8

Dark
Light

#EA7585

Dark
Light

#D01E2E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #efbbc8;
  --color-2: #ea7585;
  --color-3: #d01e2e;
  --color-4: #fec551;
  --color-5: #9cac28;
}

SCSS

$color-1: #efbbc8;
$color-2: #ea7585;
$color-3: #d01e2e;
$color-4: #fec551;
$color-5: #9cac28;

TAILWIND

colors: {
  'brand-1': '#efbbc8',
  'brand-2': '#ea7585',
  'brand-3': '#d01e2e',
  'brand-4': '#fec551',
  'brand-5': '#9cac28',
}

RGB Array

[239, 187, 200], [234, 117, 133], [208, 30, 46], [254, 197, 81], [156, 172, 40]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EFBBC8, #EA7585, #D01E2E, #FEC551, #9CAC28 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: #efbbc8; --color-2: #ea7585; --color-3: #d01e2e; --color-4: #fec551; --color-5: #9cac28. 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