← Back to Editor

#E4C49D · #D5A78F · #CC6580 · #792C62 · #3C1A56

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

#E4C49D

Goose Yellow · BurlyWood · Warm Sun

HEX
#E4C49D
RGB
rgb(228, 196, 157)
HSL
hsl(33, 57%, 75%)
HSB
hsb(33, 31%, 89%)
CMYK
cmyk(0%, 14%, 31%, 11%)
Oklch
oklch(83.8% 0.063 72.3)

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

#D5A78F

Apricot · Tan · Warm Sun

HEX
#D5A78F
RGB
rgb(213, 167, 143)
HSL
hsl(21, 45%, 70%)
HSB
hsb(21, 33%, 84%)
CMYK
cmyk(0%, 22%, 33%, 16%)
Oklch
oklch(76.4% 0.064 48.9)

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

#CC6580

Dark Violet · LightCoral · Rose Pink

HEX
#CC6580
RGB
rgb(204, 101, 128)
HSL
hsl(344, 50%, 60%)
HSB
hsb(344, 50%, 80%)
CMYK
cmyk(0%, 50%, 37%, 20%)
Oklch
oklch(63.6% 0.133 5.0)

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

#792C62

Rose Purple · Purple · Eggplant

HEX
#792C62
RGB
rgb(121, 44, 98)
HSL
hsl(318, 47%, 32%)
HSB
hsb(318, 64%, 47%)
CMYK
cmyk(0%, 64%, 19%, 53%)
Oklch
oklch(42.4% 0.126 341.1)

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

#3C1A56

Royal Purple · MidnightBlue · Eggplant

HEX
#3C1A56
RGB
rgb(60, 26, 86)
HSL
hsl(274, 54%, 22%)
HSB
hsb(274, 70%, 34%)
CMYK
cmyk(30%, 70%, 0%, 66%)
Oklch
oklch(30.0% 0.106 307.2)

Traditional「Royal Purple」· Paint「Eggplant」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E4C49D
9BBCE4

Analogous

E49F9B
E4C49D
E0E49B

Triadic

E4C49D
9BE4C3
C39BE4

Split-Comp.

E4C49D
9BE0E4
9F9BE4

Tetradic

E4C49D
9BE49F
9BBCE4
E49BE0

Contrast Matrix WCAG 2.1 Contrast

E4C49D
D5A78F
CC6580
792C62
3C1A56
—
1.3
Fail
2.2
Fail
5.4
AA
8.6
AAA
1.3
Fail
—
1.7
Fail
4.2
AA Large
6.6
AA
2.2
Fail
1.7
Fail
—
2.4
Fail
3.9
AA Large
5.4
AA
4.2
AA Large
2.4
Fail
—
1.6
Fail
8.6
AAA
6.6
AA
3.9
AA Large
1.6
Fail
—
White BG
1.7Fail
2.2Fail
3.7AA Large
8.9AAA
14.2AAA
Black BG
12.7AAA
9.8AAA
5.7AA
2.3Fail
1.5Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

D6D6A6
C1C195
9F9E79
585755
2D2D47

Deuteranopia

D8DAA9
C4C796
A5AD78
5C6252
2F3244

Tritanopia

E2AEB0
D3999A
C77473
754B48
3A3C3A

Achromatopsia

C9C9C9
B2B2B2
878787
494949
2B2B2B

Shades & Tints Shades & Tints

#E4C49D

Dark
Light

#D5A78F

Dark
Light

#CC6580

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e4c49d;
  --color-2: #d5a78f;
  --color-3: #cc6580;
  --color-4: #792c62;
  --color-5: #3c1a56;
}

SCSS

$color-1: #e4c49d;
$color-2: #d5a78f;
$color-3: #cc6580;
$color-4: #792c62;
$color-5: #3c1a56;

TAILWIND

colors: {
  'brand-1': '#e4c49d',
  'brand-2': '#d5a78f',
  'brand-3': '#cc6580',
  'brand-4': '#792c62',
  'brand-5': '#3c1a56',
}

RGB Array

[228, 196, 157], [213, 167, 143], [204, 101, 128], [121, 44, 98], [60, 26, 86]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E4C49D, #D5A78F, #CC6580, #792C62, #3C1A56 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: #e4c49d; --color-2: #d5a78f; --color-3: #cc6580; --color-4: #792c62; --color-5: #3c1a56. 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