← Back to Editor

#E0EBC3 · #F7B7AB · #E87D96 · #B44659 · #992952

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

#E0EBC3

Willow Green · Wheat · Mint Green

HEX
#E0EBC3
RGB
rgb(224, 235, 195)
HSL
hsl(76, 50%, 84%)
HSB
hsb(76, 17%, 92%)
CMYK
cmyk(5%, 0%, 17%, 8%)
Oklch
oklch(92.1% 0.054 120.0)

Traditional「Willow Green」· Paint「Mint Green」· Creative Mint Breeze

#F7B7AB

Peach Pink · LightPink · Cherry Blossom

HEX
#F7B7AB
RGB
rgb(247, 183, 171)
HSL
hsl(9, 83%, 82%)
HSB
hsb(9, 31%, 97%)
CMYK
cmyk(0%, 26%, 31%, 3%)
Oklch
oklch(83.5% 0.077 30.8)

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

#E87D96

Peach Pink · LightCoral · Coral Red

HEX
#E87D96
RGB
rgb(232, 125, 150)
HSL
hsl(346, 70%, 70%)
HSB
hsb(346, 46%, 91%)
CMYK
cmyk(0%, 46%, 35%, 9%)
Oklch
oklch(71.5% 0.134 6.1)

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

#B44659

Crimson · Sienna · Passion Red

HEX
#B44659
RGB
rgb(180, 70, 89)
HSL
hsl(350, 44%, 49%)
HSB
hsb(350, 61%, 71%)
CMYK
cmyk(0%, 61%, 51%, 29%)
Oklch
oklch(54.7% 0.143 12.7)

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

#992952

Dark Violet · Brown · Camellia

HEX
#992952
RGB
rgb(153, 41, 82)
HSL
hsl(338, 58%, 38%)
HSB
hsb(338, 73%, 60%)
CMYK
cmyk(0%, 73%, 46%, 40%)
Oklch
oklch(46.7% 0.150 2.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E0EBC3
CDC2EB

Analogous

EBE1C2
E0EBC3
CBEBC2

Triadic

E0EBC3
C2E0EB
EBC2E0

Split-Comp.

E0EBC3
C2CBEB
E1C2EB

Tetradic

E0EBC3
C2EBE1
CDC2EB
EBC2CB

Contrast Matrix WCAG 2.1 Contrast

E0EBC3
F7B7AB
E87D96
B44659
992952
—
1.4
Fail
2.2
Fail
4.3
AA Large
6.0
AA
1.4
Fail
—
1.6
Fail
3.1
AA Large
4.4
AA Large
2.2
Fail
1.6
Fail
—
2.0
Fail
2.8
Fail
4.3
AA Large
3.1
AA Large
2.0
Fail
—
1.4
Fail
6.0
AA
4.4
AA Large
2.8
Fail
1.4
Fail
—
White BG
1.2Fail
1.7Fail
2.7Fail
5.3AA
7.5AAA
Black BG
16.8AAA
12.3AAA
7.8AAA
4.0AA Large
2.8Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

E5E5CD
DBDBAE
BAB990
848354
696748

Deuteranopia

E4E3CF
DFE4AF
C0C88F
8B9353
6F7746

Tritanopia

E1D4D6
F4B0B1
E38B8A
AF5150
93403F

Achromatopsia

E3E3E3
C9C9C9
A0A0A0
696969
4F4F4F

Shades & Tints Shades & Tints

#E0EBC3

Dark
Light

#F7B7AB

Dark
Light

#E87D96

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e0ebc3;
  --color-2: #f7b7ab;
  --color-3: #e87d96;
  --color-4: #b44659;
  --color-5: #992952;
}

SCSS

$color-1: #e0ebc3;
$color-2: #f7b7ab;
$color-3: #e87d96;
$color-4: #b44659;
$color-5: #992952;

TAILWIND

colors: {
  'brand-1': '#e0ebc3',
  'brand-2': '#f7b7ab',
  'brand-3': '#e87d96',
  'brand-4': '#b44659',
  'brand-5': '#992952',
}

RGB Array

[224, 235, 195], [247, 183, 171], [232, 125, 150], [180, 70, 89], [153, 41, 82]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E0EBC3, #F7B7AB, #E87D96, #B44659, #992952 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: #e0ebc3; --color-2: #f7b7ab; --color-3: #e87d96; --color-4: #b44659; --color-5: #992952. 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