← Back to Editor

#E0DACB · #C5B89C · #C20A63 · #A70C4F · #61423B

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#E0DACB

Goose Yellow · LightGray · Lemon Cream

HEX
#E0DACB
RGB
rgb(224, 218, 203)
HSL
hsl(43, 25%, 84%)
HSB
hsb(43, 9%, 88%)
CMYK
cmyk(0%, 3%, 9%, 12%)
Oklch
oklch(88.9% 0.021 88.7)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#C5B89C

Ginger · Tan · Sunflower

HEX
#C5B89C
RGB
rgb(197, 184, 156)
HSL
hsl(41, 26%, 69%)
HSB
hsb(41, 21%, 77%)
CMYK
cmyk(0%, 7%, 21%, 23%)
Oklch
oklch(78.6% 0.041 86.0)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#C20A63

Dark Violet · MediumVioletRed · Camellia

HEX
#C20A63
RGB
rgb(194, 10, 99)
HSL
hsl(331, 90%, 40%)
HSB
hsb(331, 95%, 76%)
CMYK
cmyk(0%, 95%, 49%, 24%)
Oklch
oklch(52.9% 0.210 1.5)

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

#A70C4F

Dark Violet · Brown · Camellia

HEX
#A70C4F
RGB
rgb(167, 12, 79)
HSL
hsl(334, 87%, 35%)
HSB
hsb(334, 93%, 65%)
CMYK
cmyk(0%, 93%, 53%, 35%)
Oklch
oklch(47.3% 0.184 4.3)

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

#61423B

Crimson · DarkOliveGreen · Wine Red

HEX
#61423B
RGB
rgb(97, 66, 59)
HSL
hsl(11, 24%, 31%)
HSB
hsb(11, 39%, 38%)
CMYK
cmyk(0%, 32%, 39%, 62%)
Oklch
oklch(41.2% 0.045 33.2)

Traditional「Crimson」· Paint「Wine Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E0DACB
CCD2E0

Analogous

E0D0CC
E0DACB
DCE0CC

Triadic

E0DACB
CCE0DB
DBCCE0

Split-Comp.

E0DACB
CCDCE0
D0CCE0

Tetradic

E0DACB
CCE0D0
CCD2E0
E0CCDC

Contrast Matrix WCAG 2.1 Contrast

E0DACB
C5B89C
C20A63
A70C4F
61423B
—
1.4
Fail
4.3
AA Large
5.4
AA
6.4
AA
1.4
Fail
—
3.0
AA Large
3.8
AA Large
4.6
AA
4.3
AA Large
3.0
AA Large
—
1.3
Fail
1.5
Fail
5.4
AA
3.8
AA Large
1.3
Fail
—
1.2
Fail
6.4
AA
4.6
AA
1.5
Fail
1.2
Fail
—
White BG
1.4Fail
2.0Fail
6.0AA
7.5AAA
8.9AAA
Black BG
15.1AAA
10.7AAA
3.5AA Large
2.8Fail
2.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

DDDDCF
BFBFA3
72714D
64623F
54533D

Deuteranopia

DEDED0
C0C1A4
7D8B48
6D783B
55583D

Tritanopia

E0D1D2
C4A8A9
B93C39
9F322F
5F3E3E

Achromatopsia

DADADA
B9B9B9
4B4B4B
424242
4A4A4A

Shades & Tints Shades & Tints

#E0DACB

Dark
Light

#C5B89C

Dark
Light

#C20A63

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e0dacb;
  --color-2: #c5b89c;
  --color-3: #c20a63;
  --color-4: #a70c4f;
  --color-5: #61423b;
}

SCSS

$color-1: #e0dacb;
$color-2: #c5b89c;
$color-3: #c20a63;
$color-4: #a70c4f;
$color-5: #61423b;

TAILWIND

colors: {
  'brand-1': '#e0dacb',
  'brand-2': '#c5b89c',
  'brand-3': '#c20a63',
  'brand-4': '#a70c4f',
  'brand-5': '#61423b',
}

RGB Array

[224, 218, 203], [197, 184, 156], [194, 10, 99], [167, 12, 79], [97, 66, 59]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E0DACB, #C5B89C, #C20A63, #A70C4F, #61423B 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: #e0dacb; --color-2: #c5b89c; --color-3: #c20a63; --color-4: #a70c4f; --color-5: #61423b. 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