← Back to Editor

#EBC09B · #EB987B · #E47D6B · #E43852 · #BB1C42

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 App

Color Details Color Details

#EBC09B

Apricot · BurlyWood · Peach Orange

HEX
#EBC09B
RGB
rgb(235, 192, 155)
HSL
hsl(28, 67%, 76%)
HSB
hsb(28, 34%, 92%)
CMYK
cmyk(0%, 18%, 34%, 8%)
Oklch
oklch(83.7% 0.070 62.4)

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

#EB987B

Apricot · DarkSalmon · Warm Sun

HEX
#EB987B
RGB
rgb(235, 152, 123)
HSL
hsl(16, 74%, 70%)
HSB
hsb(16, 48%, 92%)
CMYK
cmyk(0%, 35%, 48%, 8%)
Oklch
oklch(75.7% 0.108 40.0)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#E47D6B

Peach Pink · Salmon · Coral Red

HEX
#E47D6B
RGB
rgb(228, 125, 107)
HSL
hsl(9, 69%, 66%)
HSB
hsb(9, 53%, 89%)
CMYK
cmyk(0%, 45%, 53%, 11%)
Oklch
oklch(70.0% 0.131 31.1)

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

#E43852

Vermilion · Crimson · Passion Red

HEX
#E43852
RGB
rgb(228, 56, 82)
HSL
hsl(351, 76%, 56%)
HSB
hsb(351, 75%, 89%)
CMYK
cmyk(0%, 75%, 64%, 11%)
Oklch
oklch(61.0% 0.207 17.9)

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

#BB1C42

Vermilion · FireBrick · Passion Red

HEX
#BB1C42
RGB
rgb(187, 28, 66)
HSL
hsl(346, 74%, 42%)
HSB
hsb(346, 85%, 73%)
CMYK
cmyk(0%, 85%, 65%, 27%)
Oklch
oklch(51.5% 0.190 15.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EBC09B
99C5EB

Analogous

EB999C
EBC09B
EBE899

Triadic

EBC09B
99EBBF
BF99EB

Split-Comp.

EBC09B
99EBE8
999CEB

Tetradic

EBC09B
9CEB99
99C5EB
E899EB

Contrast Matrix WCAG 2.1 Contrast

EBC09B
EB987B
E47D6B
E43852
BB1C42
—
1.3
Fail
1.7
Fail
2.5
Fail
3.7
AA Large
1.3
Fail
—
1.3
Fail
1.9
Fail
2.8
Fail
1.7
Fail
1.3
Fail
—
1.5
Fail
2.2
Fail
2.5
Fail
1.9
Fail
1.5
Fail
—
1.5
Fail
3.7
AA Large
2.8
Fail
2.2
Fail
1.5
Fail
—
White BG
1.7Fail
2.3Fail
2.8Fail
4.2AA Large
6.3AA
Black BG
12.5AAA
9.3AAA
7.4AAA
5.0AA
3.4AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

D8D8A4
C7C682
B7B66F
9A984C
767539

Deuteranopia

DBDEA6
CCD284
BDC570
A4B04A
7F8B37

Tritanopia

E9ABAD
E78889
DF7374
DB4746
B33230

Achromatopsia

C9C9C9
AEAEAE
9A9A9A
6E6E6E
505050

Shades & Tints Shades & Tints

#EBC09B

Dark
Light

#EB987B

Dark
Light

#E47D6B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ebc09b;
  --color-2: #eb987b;
  --color-3: #e47d6b;
  --color-4: #e43852;
  --color-5: #bb1c42;
}

SCSS

$color-1: #ebc09b;
$color-2: #eb987b;
$color-3: #e47d6b;
$color-4: #e43852;
$color-5: #bb1c42;

TAILWIND

colors: {
  'brand-1': '#ebc09b',
  'brand-2': '#eb987b',
  'brand-3': '#e47d6b',
  'brand-4': '#e43852',
  'brand-5': '#bb1c42',
}

RGB Array

[235, 192, 155], [235, 152, 123], [228, 125, 107], [228, 56, 82], [187, 28, 66]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EBC09B, #EB987B, #E47D6B, #E43852, #BB1C42 is ideal for: social media posters, mobile apps, e-commerce promos. Vivid colors effectively attract user attention. 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: #ebc09b; --color-2: #eb987b; --color-3: #e47d6b; --color-4: #e43852; --color-5: #bb1c42. 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. 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