← Back to Editor

#EACCF9 · #EDBC0E · #F18E50 · #F25F61 · #D52D51

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

#EACCF9

Lilac · Lavender · Lavender

HEX
#EACCF9
RGB
rgb(234, 204, 249)
HSL
hsl(280, 79%, 89%)
HSB
hsb(280, 18%, 98%)
CMYK
cmyk(6%, 18%, 0%, 2%)
Oklch
oklch(88.4% 0.069 314.5)

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

#EDBC0E

Ochre · Orange · Honey Gold

HEX
#EDBC0E
RGB
rgb(237, 188, 14)
HSL
hsl(47, 89%, 49%)
HSB
hsb(47, 94%, 93%)
CMYK
cmyk(0%, 21%, 94%, 7%)
Oklch
oklch(81.6% 0.165 89.4)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#F18E50

Apricot · Coral · Warm Sun

HEX
#F18E50
RGB
rgb(241, 142, 80)
HSL
hsl(23, 85%, 63%)
HSB
hsb(23, 67%, 95%)
CMYK
cmyk(0%, 41%, 67%, 5%)
Oklch
oklch(74.0% 0.143 51.0)

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

#F25F61

Peach Pink · Tomato · Coral Red

HEX
#F25F61
RGB
rgb(242, 95, 97)
HSL
hsl(359, 85%, 66%)
HSB
hsb(359, 61%, 95%)
CMYK
cmyk(0%, 61%, 60%, 5%)
Oklch
oklch(67.5% 0.181 22.5)

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

#D52D51

Vermilion · Crimson · Passion Red

HEX
#D52D51
RGB
rgb(213, 45, 81)
HSL
hsl(347, 67%, 51%)
HSB
hsb(347, 79%, 84%)
CMYK
cmyk(0%, 79%, 62%, 16%)
Oklch
oklch(57.5% 0.202 15.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EACCF9
DCF9CD

Analogous

D4CDF9
EACCF9
F9CDF2

Triadic

EACCF9
F9EACD
CDF9EA

Split-Comp.

EACCF9
F2F9CD
CDF9D4

Tetradic

EACCF9
F9D4CD
DCF9CD
CDF2F9

Contrast Matrix WCAG 2.1 Contrast

EACCF9
EDBC0E
F18E50
F25F61
D52D51
—
1.2
Fail
1.7
Fail
2.2
Fail
3.4
AA Large
1.2
Fail
—
1.4
Fail
1.8
Fail
2.7
Fail
1.7
Fail
1.4
Fail
—
1.3
Fail
2.0
Fail
2.2
Fail
1.8
Fail
1.3
Fail
—
1.5
Fail
3.4
AA Large
2.7
Fail
2.0
Fail
1.5
Fail
—
White BG
1.4Fail
1.8Fail
2.4Fail
3.2AA Large
4.9AA
Black BG
14.5AAA
11.8AAA
8.7AAA
6.6AA
4.3AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

DDDDEE
D8D738
C6C55F
B2B161
8C8B48

Deuteranopia

DFE1EB
DBDE42
CCD363
BBC660
96A346

Tritanopia

E8E6E4
EB5961
EC6B6D
EB6060
CD4140

Achromatopsia

DADADA
B7B7B7
A5A5A5
8B8B8B
636363

Shades & Tints Shades & Tints

#EACCF9

Dark
Light

#EDBC0E

Dark
Light

#F18E50

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #eaccf9;
  --color-2: #edbc0e;
  --color-3: #f18e50;
  --color-4: #f25f61;
  --color-5: #d52d51;
}

SCSS

$color-1: #eaccf9;
$color-2: #edbc0e;
$color-3: #f18e50;
$color-4: #f25f61;
$color-5: #d52d51;

TAILWIND

colors: {
  'brand-1': '#eaccf9',
  'brand-2': '#edbc0e',
  'brand-3': '#f18e50',
  'brand-4': '#f25f61',
  'brand-5': '#d52d51',
}

RGB Array

[234, 204, 249], [237, 188, 14], [241, 142, 80], [242, 95, 97], [213, 45, 81]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EACCF9, #EDBC0E, #F18E50, #F25F61, #D52D51 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: #eaccf9; --color-2: #edbc0e; --color-3: #f18e50; --color-4: #f25f61; --color-5: #d52d51. 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