← Back to Editor

#EC489D · #E47D9E · #E0BB8A · #DFCF7E · #E3E93E

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

#EC489D

Rose Purple · DeepPink · Rose Pink

HEX
#EC489D
RGB
rgb(236, 72, 157)
HSL
hsl(329, 81%, 60%)
HSB
hsb(329, 69%, 93%)
CMYK
cmyk(0%, 69%, 33%, 7%)
Oklch
oklch(65.7% 0.214 352.8)

Traditional「Rose Purple」· Paint「Rose Pink」· Creative Blush Sunrise

#E47D9E

Rouge · LightCoral · Rose Pink

HEX
#E47D9E
RGB
rgb(228, 125, 158)
HSL
hsl(341, 66%, 69%)
HSB
hsb(341, 45%, 89%)
CMYK
cmyk(0%, 45%, 31%, 11%)
Oklch
oklch(71.2% 0.132 0.5)

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

#E0BB8A

Goose Yellow · BurlyWood · Warm Sun

HEX
#E0BB8A
RGB
rgb(224, 187, 138)
HSL
hsl(34, 58%, 71%)
HSB
hsb(34, 38%, 88%)
CMYK
cmyk(0%, 17%, 38%, 12%)
Oklch
oklch(81.3% 0.077 74.2)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#DFCF7E

Fresh Green · BurlyWood · Sunflower

HEX
#DFCF7E
RGB
rgb(223, 207, 126)
HSL
hsl(50, 60%, 68%)
HSB
hsb(50, 43%, 87%)
CMYK
cmyk(0%, 7%, 43%, 13%)
Oklch
oklch(85.0% 0.103 98.4)

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

#E3E93E

Autumn Sage · GreenYellow · Sunflower

HEX
#E3E93E
RGB
rgb(227, 233, 62)
HSL
hsl(62, 80%, 58%)
HSB
hsb(62, 73%, 91%)
CMYK
cmyk(3%, 0%, 73%, 9%)
Oklch
oklch(90.1% 0.181 111.6)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EC489D
46EC96

Analogous

E946EC
EC489D
EC4649

Triadic

EC489D
9CEC46
469CEC

Split-Comp.

EC489D
49EC46
46ECE9

Tetradic

EC489D
ECE946
46EC96
4649EC

Contrast Matrix WCAG 2.1 Contrast

EC489D
E47D9E
E0BB8A
DFCF7E
E3E93E
—
1.3
Fail
1.9
Fail
2.2
Fail
2.7
Fail
1.3
Fail
—
1.5
Fail
1.7
Fail
2.1
Fail
1.9
Fail
1.5
Fail
—
1.1
Fail
1.4
Fail
2.2
Fail
1.7
Fail
1.1
Fail
—
1.2
Fail
2.7
Fail
2.1
Fail
1.4
Fail
1.2
Fail
—
White BG
3.5AA Large
2.7Fail
1.8Fail
1.6Fail
1.3Fail
Black BG
6.0AA
7.7AAA
11.6AAA
13.4AAA
16.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A5A488
B7B696
D0D096
D8D892
E6E667

Deuteranopia

AFBB84
BDC594
D2D599
D9DA96
E5E571

Tritanopia

E47875
DF908E
DE9FA1
DEA1A4
E3888F

Achromatopsia

838383
A0A0A0
C0C0C0
CBCBCB
D4D4D4

Shades & Tints Shades & Tints

#EC489D

Dark
Light

#E47D9E

Dark
Light

#E0BB8A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ec489d;
  --color-2: #e47d9e;
  --color-3: #e0bb8a;
  --color-4: #dfcf7e;
  --color-5: #e3e93e;
}

SCSS

$color-1: #ec489d;
$color-2: #e47d9e;
$color-3: #e0bb8a;
$color-4: #dfcf7e;
$color-5: #e3e93e;

TAILWIND

colors: {
  'brand-1': '#ec489d',
  'brand-2': '#e47d9e',
  'brand-3': '#e0bb8a',
  'brand-4': '#dfcf7e',
  'brand-5': '#e3e93e',
}

RGB Array

[236, 72, 157], [228, 125, 158], [224, 187, 138], [223, 207, 126], [227, 233, 62]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EC489D, #E47D9E, #E0BB8A, #DFCF7E, #E3E93E 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: #ec489d; --color-2: #e47d9e; --color-3: #e0bb8a; --color-4: #dfcf7e; --color-5: #e3e93e. 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