← Back to Editor

#EED2BA · #B62A51 · #E56B90 · #FFC3B1 · #F8F6DF

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

#EED2BA

Apricot · Wheat · Peach Orange

HEX
#EED2BA
RGB
rgb(238, 210, 186)
HSL
hsl(28, 60%, 83%)
HSB
hsb(28, 22%, 93%)
CMYK
cmyk(0%, 12%, 22%, 7%)
Oklch
oklch(88.1% 0.045 62.8)

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

#B62A51

Dark Violet · Brown · Camellia

HEX
#B62A51
RGB
rgb(182, 42, 81)
HSL
hsl(343, 63%, 44%)
HSB
hsb(343, 77%, 71%)
CMYK
cmyk(0%, 77%, 55%, 29%)
Oklch
oklch(51.9% 0.176 10.0)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#E56B90

Rouge · LightCoral · Rose Pink

HEX
#E56B90
RGB
rgb(229, 107, 144)
HSL
hsl(342, 70%, 66%)
HSB
hsb(342, 53%, 90%)
CMYK
cmyk(0%, 53%, 37%, 10%)
Oklch
oklch(68.3% 0.155 3.0)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

#FFC3B1

Peach Pink · LightPink · Cherry Blossom

HEX
#FFC3B1
RGB
rgb(255, 195, 177)
HSL
hsl(14, 100%, 85%)
HSB
hsb(14, 31%, 100%)
CMYK
cmyk(0%, 24%, 31%, 0%)
Oklch
oklch(86.7% 0.074 37.4)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#F8F6DF

Fresh Green · Beige · Lemon Cream

HEX
#F8F6DF
RGB
rgb(248, 246, 223)
HSL
hsl(55, 64%, 92%)
HSB
hsb(55, 10%, 97%)
CMYK
cmyk(0%, 1%, 10%, 3%)
Oklch
oklch(96.9% 0.030 102.9)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EED2BA
BAD5EE

Analogous

EEBABB
EED2BA
EEECBA

Triadic

EED2BA
BAEED2
D2BAEE

Split-Comp.

EED2BA
BAEEEC
BABBEE

Tetradic

EED2BA
BBEEBA
BAD5EE
ECBAEE

Contrast Matrix WCAG 2.1 Contrast

EED2BA
B62A51
E56B90
FFC3B1
F8F6DF
—
4.2
AA Large
2.1
Fail
1.1
Fail
1.3
Fail
4.2
AA Large
—
2.0
Fail
4.0
AA Large
5.6
AA
2.1
Fail
2.0
Fail
—
2.0
Fail
2.8
Fail
1.1
Fail
4.0
AA Large
2.0
Fail
—
1.4
Fail
1.3
Fail
5.6
AA
2.8
Fail
1.4
Fail
—
White BG
1.4Fail
6.1AA
3.1AA Large
1.5Fail
1.1Fail
Black BG
14.6AAA
3.4AA Large
6.8AA
13.7AAA
19.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E2E2C0
797848
B0AF87
E5E4B5
F7F7E5

Deuteranopia

E4E6C1
828C45
B7C085
E9EDB6
F7F7E6

Tritanopia

EDC4C5
AF403E
DF807E
FCB9BA
F8E9EA

Achromatopsia

D8D8D8
585858
949494
D3D3D3
F4F4F4

Shades & Tints Shades & Tints

#EED2BA

Dark
Light

#B62A51

Dark
Light

#E56B90

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #eed2ba;
  --color-2: #b62a51;
  --color-3: #e56b90;
  --color-4: #ffc3b1;
  --color-5: #f8f6df;
}

SCSS

$color-1: #eed2ba;
$color-2: #b62a51;
$color-3: #e56b90;
$color-4: #ffc3b1;
$color-5: #f8f6df;

TAILWIND

colors: {
  'brand-1': '#eed2ba',
  'brand-2': '#b62a51',
  'brand-3': '#e56b90',
  'brand-4': '#ffc3b1',
  'brand-5': '#f8f6df',
}

RGB Array

[238, 210, 186], [182, 42, 81], [229, 107, 144], [255, 195, 177], [248, 246, 223]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EED2BA, #B62A51, #E56B90, #FFC3B1, #F8F6DF is ideal for: social media posters, mobile apps, e-commerce promos, health products, baby brands, fresh-style blogs, 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: #eed2ba; --color-2: #b62a51; --color-3: #e56b90; --color-4: #ffc3b1; --color-5: #f8f6df. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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