← Back to Editor

#E8AD6A · #FC5A77 · #D5236D · #4B345F · #D6FEE3

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

#E8AD6A

Ginger · SandyBrown · Warm Sun

HEX
#E8AD6A
RGB
rgb(232, 173, 106)
HSL
hsl(32, 73%, 66%)
HSB
hsb(32, 54%, 91%)
CMYK
cmyk(0%, 25%, 54%, 9%)
Oklch
oklch(78.9% 0.109 68.7)

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

#FC5A77

Peach Pink · Salmon · Coral Red

HEX
#FC5A77
RGB
rgb(252, 90, 119)
HSL
hsl(349, 96%, 67%)
HSB
hsb(349, 64%, 99%)
CMYK
cmyk(0%, 64%, 53%, 1%)
Oklch
oklch(68.9% 0.197 13.3)

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

#D5236D

Dark Violet · MediumVioletRed · Camellia

HEX
#D5236D
RGB
rgb(213, 35, 109)
HSL
hsl(335, 72%, 49%)
HSB
hsb(335, 84%, 84%)
CMYK
cmyk(0%, 84%, 49%, 16%)
Oklch
oklch(57.6% 0.213 2.9)

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

#4B345F

Dark Plum · DarkSlateGray · Eggplant

HEX
#4B345F
RGB
rgb(75, 52, 95)
HSL
hsl(272, 29%, 29%)
HSB
hsb(272, 45%, 37%)
CMYK
cmyk(21%, 45%, 0%, 63%)
Oklch
oklch(37.1% 0.076 307.7)

Traditional「Dark Plum」· Paint「Eggplant」· Creative Blush Sunrise

#D6FEE3

Emerald · Beige · Mint Green

HEX
#D6FEE3
RGB
rgb(214, 254, 227)
HSL
hsl(139, 95%, 92%)
HSB
hsb(139, 16%, 100%)
CMYK
cmyk(16%, 0%, 11%, 0%)
Oklch
oklch(96.2% 0.055 155.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E8AD6A
69A4E8

Analogous

E86D69
E8AD6A
E3E869

Triadic

E8AD6A
69E8AD
AD69E8

Split-Comp.

E8AD6A
69E3E8
6D69E8

Tetradic

E8AD6A
69E86D
69A4E8
E869E3

Contrast Matrix WCAG 2.1 Contrast

E8AD6A
FC5A77
D5236D
4B345F
D6FEE3
—
1.5
Fail
2.5
Fail
5.4
AA
1.8
Fail
1.5
Fail
—
1.6
Fail
3.5
AA Large
2.8
Fail
2.5
Fail
1.6
Fail
—
2.2
Fail
4.5
AA Large
5.4
AA
3.5
AA Large
2.2
Fail
—
9.8
AAA
1.8
Fail
2.8
Fail
4.5
AA Large
9.8
AAA
—
White BG
2.0Fail
3.1AA Large
4.9AA
10.7AAA
1.1Fail
Black BG
10.6AAA
6.9AA
4.3AA Large
2.0Fail
19.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

CECE7A
B6B470
88865B
414155
E7E8EA

Deuteranopia

D2D67E
BFCB6E
92A057
424452
E5E2EB

Tritanopia

E5878A
F46A69
CC4D4A
4A4C4B
D8EFF0

Achromatopsia

B7B7B7
8E8E8E
616161
404040
EFEFEF

Shades & Tints Shades & Tints

#E8AD6A

Dark
Light

#FC5A77

Dark
Light

#D5236D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e8ad6a;
  --color-2: #fc5a77;
  --color-3: #d5236d;
  --color-4: #4b345f;
  --color-5: #d6fee3;
}

SCSS

$color-1: #e8ad6a;
$color-2: #fc5a77;
$color-3: #d5236d;
$color-4: #4b345f;
$color-5: #d6fee3;

TAILWIND

colors: {
  'brand-1': '#e8ad6a',
  'brand-2': '#fc5a77',
  'brand-3': '#d5236d',
  'brand-4': '#4b345f',
  'brand-5': '#d6fee3',
}

RGB Array

[232, 173, 106], [252, 90, 119], [213, 35, 109], [75, 52, 95], [214, 254, 227]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E8AD6A, #FC5A77, #D5236D, #4B345F, #D6FEE3 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: #e8ad6a; --color-2: #fc5a77; --color-3: #d5236d; --color-4: #4b345f; --color-5: #d6fee3. 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