← Back to Editor

#EBC39F · #E49B56 · #CA584E · #5E1F4C · #512B50

warm

A 5-color warm 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

#EBC39F

Apricot · BurlyWood · Peach Orange

HEX
#EBC39F
RGB
rgb(235, 195, 159)
HSL
hsl(28, 66%, 77%)
HSB
hsb(28, 32%, 92%)
CMYK
cmyk(0%, 17%, 32%, 8%)
Oklch
oklch(84.3% 0.066 63.7)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#E49B56

Apricot · SandyBrown · Warm Sun

HEX
#E49B56
RGB
rgb(228, 155, 86)
HSL
hsl(29, 72%, 62%)
HSB
hsb(29, 62%, 89%)
CMYK
cmyk(0%, 32%, 62%, 11%)
Oklch
oklch(74.8% 0.122 62.5)

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

#CA584E

Crimson · Chocolate · Passion Red

HEX
#CA584E
RGB
rgb(202, 88, 78)
HSL
hsl(5, 54%, 55%)
HSB
hsb(5, 61%, 79%)
CMYK
cmyk(0%, 56%, 61%, 21%)
Oklch
oklch(60.3% 0.147 27.4)

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

#5E1F4C

Rose Purple · DarkSlateGray · Eggplant

HEX
#5E1F4C
RGB
rgb(94, 31, 76)
HSL
hsl(317, 50%, 25%)
HSB
hsb(317, 67%, 37%)
CMYK
cmyk(0%, 67%, 19%, 63%)
Oklch
oklch(35.3% 0.108 340.6)

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

#512B50

Rose Purple · DarkSlateGray · Eggplant

HEX
#512B50
RGB
rgb(81, 43, 80)
HSL
hsl(302, 31%, 24%)
HSB
hsb(302, 47%, 32%)
CMYK
cmyk(0%, 47%, 1%, 68%)
Oklch
oklch(35.3% 0.079 328.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EBC39F
9EC7EB

Analogous

EB9EA0
EBC39F
EBE89E

Triadic

EBC39F
9EEBC2
C29EEB

Split-Comp.

EBC39F
9EEBE8
9EA0EB

Tetradic

EBC39F
A0EB9E
9EC7EB
E89EEB

Contrast Matrix WCAG 2.1 Contrast

EBC39F
E49B56
CA584E
5E1F4C
512B50
—
1.4
Fail
2.6
Fail
7.2
AAA
7.1
AAA
1.4
Fail
—
1.8
Fail
5.1
AA
5.0
AA
2.6
Fail
1.8
Fail
—
2.8
Fail
2.8
Fail
7.2
AAA
5.1
AA
2.8
Fail
—
1.0
Fail
7.1
AAA
5.0
AA
2.8
Fail
1.0
Fail
—
White BG
1.6Fail
2.3Fail
4.2AA Large
11.8AAA
11.6AAA
Black BG
12.8AAA
9.1AAA
5.0AA
1.8Fail
1.8Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

DAD9A8
C4C467
999850
434241
414047

Deuteranopia

DCDFAA
C9CE6B
9FA851
464B3E
434645

Tritanopia

E9AFB0
E07477
C45253
5B3937
4F403E

Achromatopsia

CBCBCB
A9A9A9
797979
373737
3B3B3B

Shades & Tints Shades & Tints

#EBC39F

Dark
Light

#E49B56

Dark
Light

#CA584E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ebc39f;
  --color-2: #e49b56;
  --color-3: #ca584e;
  --color-4: #5e1f4c;
  --color-5: #512b50;
}

SCSS

$color-1: #ebc39f;
$color-2: #e49b56;
$color-3: #ca584e;
$color-4: #5e1f4c;
$color-5: #512b50;

TAILWIND

colors: {
  'brand-1': '#ebc39f',
  'brand-2': '#e49b56',
  'brand-3': '#ca584e',
  'brand-4': '#5e1f4c',
  'brand-5': '#512b50',
}

RGB Array

[235, 195, 159], [228, 155, 86], [202, 88, 78], [94, 31, 76], [81, 43, 80]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #EBC39F, #E49B56, #CA584E, #5E1F4C, #512B50 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: #ebc39f; --color-2: #e49b56; --color-3: #ca584e; --color-4: #5e1f4c; --color-5: #512b50. 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 warm-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