← Back to Editor

#E9C5A2 · #DAE67A · #51B09E · #5D4C53 · #FB2888

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#E9C5A2

Goose Yellow · BurlyWood · Peach Orange

HEX
#E9C5A2
RGB
rgb(233, 197, 162)
HSL
hsl(30, 62%, 77%)
HSB
hsb(30, 30%, 91%)
CMYK
cmyk(0%, 15%, 30%, 9%)
Oklch
oklch(84.6% 0.062 66.0)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#DAE67A

Fresh Green · Khaki · Sunflower

HEX
#DAE67A
RGB
rgb(218, 230, 122)
HSL
hsl(67, 68%, 69%)
HSB
hsb(67, 47%, 90%)
CMYK
cmyk(5%, 0%, 47%, 10%)
Oklch
oklch(89.3% 0.133 114.3)

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

#51B09E

Mineral Blue · CadetBlue · Mint Ice

HEX
#51B09E
RGB
rgb(81, 176, 158)
HSL
hsl(169, 38%, 50%)
HSB
hsb(169, 54%, 69%)
CMYK
cmyk(54%, 0%, 10%, 31%)
Oklch
oklch(69.5% 0.094 179.2)

Traditional「Mineral Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#5D4C53

Dark Violet · DimGray · Camellia

HEX
#5D4C53
RGB
rgb(93, 76, 83)
HSL
hsl(335, 10%, 33%)
HSB
hsb(335, 18%, 36%)
CMYK
cmyk(0%, 18%, 11%, 64%)
Oklch
oklch(43.6% 0.025 351.5)

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

#FB2888

Dark Violet · DeepPink · Rose Pink

HEX
#FB2888
RGB
rgb(251, 40, 136)
HSL
hsl(333, 96%, 57%)
HSB
hsb(333, 84%, 98%)
CMYK
cmyk(0%, 84%, 46%, 2%)
Oklch
oklch(65.2% 0.245 0.6)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E9C5A2
A0C4E9

Analogous

E9A0A0
E9C5A2
E9E9A0

Triadic

E9C5A2
A0E9C4
C4A0E9

Split-Comp.

E9C5A2
A0E9E9
A0A0E9

Tetradic

E9C5A2
A0E9A0
A0C4E9
E9A0E9

Contrast Matrix WCAG 2.1 Contrast

E9C5A2
DAE67A
51B09E
5D4C53
FB2888
—
1.2
Fail
1.6
Fail
4.9
AA
2.3
Fail
1.2
Fail
—
1.9
Fail
5.9
AA
2.7
Fail
1.6
Fail
1.9
Fail
—
3.1
AA Large
1.4
Fail
4.9
AA
5.9
AA
3.1
AA Large
—
2.2
Fail
2.3
Fail
2.7
Fail
1.4
Fail
2.2
Fail
—
White BG
1.6Fail
1.3Fail
2.6Fail
8.0AAA
3.6AA Large
Black BG
13.0AAA
15.6AAA
8.1AAA
2.6Fail
5.8AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D9D9AA
DFDF94
7A7BA2
565551
A09E71

Deuteranopia

DCDEAD
DFDE9A
756EA3
575851
ACBC6B

Tritanopia

E7B1B3
DBA9AD
56A6A7
5C5050
F05E5A

Achromatopsia

CCCCCC
D6D6D6
929292
525252
727272

Shades & Tints Shades & Tints

#E9C5A2

Dark
Light

#DAE67A

Dark
Light

#51B09E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e9c5a2;
  --color-2: #dae67a;
  --color-3: #51b09e;
  --color-4: #5d4c53;
  --color-5: #fb2888;
}

SCSS

$color-1: #e9c5a2;
$color-2: #dae67a;
$color-3: #51b09e;
$color-4: #5d4c53;
$color-5: #fb2888;

TAILWIND

colors: {
  'brand-1': '#e9c5a2',
  'brand-2': '#dae67a',
  'brand-3': '#51b09e',
  'brand-4': '#5d4c53',
  'brand-5': '#fb2888',
}

RGB Array

[233, 197, 162], [218, 230, 122], [81, 176, 158], [93, 76, 83], [251, 40, 136]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E9C5A2, #DAE67A, #51B09E, #5D4C53, #FB2888 is ideal for: infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #e9c5a2; --color-2: #dae67a; --color-3: #51b09e; --color-4: #5d4c53; --color-5: #fb2888. 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 tech, SaaS, healthcare, eco industries. 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