← Back to Editor

#E8BDF1 · #EAB4CF · #EDAAAD · #EFA18B · #F19769

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

#E8BDF1

Lilac · Lavender · Lavender

HEX
#E8BDF1
RGB
rgb(232, 189, 241)
HSL
hsl(290, 65%, 84%)
HSB
hsb(290, 22%, 95%)
CMYK
cmyk(4%, 22%, 0%, 5%)
Oklch
oklch(85.2% 0.085 320.4)

Traditional「Lilac」· Paint「Lavender」· Creative Lavender Dream

#EAB4CF

Rouge · Pink · Cherry Blossom

HEX
#EAB4CF
RGB
rgb(234, 180, 207)
HSL
hsl(330, 56%, 81%)
HSB
hsb(330, 23%, 92%)
CMYK
cmyk(0%, 23%, 12%, 8%)
Oklch
oklch(82.7% 0.071 347.3)

Traditional「Rouge」· Paint「Cherry Blossom」· Creative Rose Petal

#EDAAAD

Peach Pink · LightPink · Coral Red

HEX
#EDAAAD
RGB
rgb(237, 170, 173)
HSL
hsl(357, 65%, 80%)
HSB
hsb(357, 28%, 93%)
CMYK
cmyk(0%, 28%, 27%, 7%)
Oklch
oklch(80.2% 0.079 16.0)

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

#EFA18B

Peach Pink · DarkSalmon · Coral Red

HEX
#EFA18B
RGB
rgb(239, 161, 139)
HSL
hsl(13, 76%, 74%)
HSB
hsb(13, 42%, 94%)
CMYK
cmyk(0%, 33%, 42%, 6%)
Oklch
oklch(78.0% 0.099 36.4)

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

#F19769

Apricot · SandyBrown · Warm Sun

HEX
#F19769
RGB
rgb(241, 151, 105)
HSL
hsl(20, 83%, 68%)
HSB
hsb(20, 56%, 95%)
CMYK
cmyk(0%, 37%, 56%, 5%)
Oklch
oklch(75.9% 0.125 47.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E8BDF1
C5F1BC

Analogous

CDBCF1
E8BDF1
F1BCDF

Triadic

E8BDF1
F1E8BC
BCF1E8

Split-Comp.

E8BDF1
DFF1BC
BCF1CD

Tetradic

E8BDF1
F1CDBC
C5F1BC
BCDFF1

Contrast Matrix WCAG 2.1 Contrast

E8BDF1
EAB4CF
EDAAAD
EFA18B
F19769
—
1.1
Fail
1.2
Fail
1.3
Fail
1.4
Fail
1.1
Fail
—
1.1
Fail
1.2
Fail
1.3
Fail
1.2
Fail
1.1
Fail
—
1.1
Fail
1.2
Fail
1.3
Fail
1.2
Fail
1.1
Fail
—
1.1
Fail
1.4
Fail
1.3
Fail
1.2
Fail
1.1
Fail
—
White BG
1.6Fail
1.8Fail
1.9Fail
2.1Fail
2.2Fail
Black BG
13.0AAA
11.9AAA
11.0AAA
10.1AAA
9.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D5D5E4
D3D2C8
D0CFAC
CDCD90
CAC974

Deuteranopia

D8DBE1
D6DAC7
D4D9AC
D2D892
CFD677

Tritanopia

E6DAD8
E7C3C2
EAACAC
EB9595
ED7D7F

Achromatopsia

D0D0D0
C7C7C7
BEBEBE
B6B6B6
ADADAD

Shades & Tints Shades & Tints

#E8BDF1

Dark
Light

#EAB4CF

Dark
Light

#EDAAAD

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e8bdf1;
  --color-2: #eab4cf;
  --color-3: #edaaad;
  --color-4: #efa18b;
  --color-5: #f19769;
}

SCSS

$color-1: #e8bdf1;
$color-2: #eab4cf;
$color-3: #edaaad;
$color-4: #efa18b;
$color-5: #f19769;

TAILWIND

colors: {
  'brand-1': '#e8bdf1',
  'brand-2': '#eab4cf',
  'brand-3': '#edaaad',
  'brand-4': '#efa18b',
  'brand-5': '#f19769',
}

RGB Array

[232, 189, 241], [234, 180, 207], [237, 170, 173], [239, 161, 139], [241, 151, 105]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E8BDF1, #EAB4CF, #EDAAAD, #EFA18B, #F19769 is ideal for: social media posters, mobile apps, e-commerce promos, health products, baby brands, fresh-style blogs. 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: #e8bdf1; --color-2: #eab4cf; --color-3: #edaaad; --color-4: #efa18b; --color-5: #f19769. 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. 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