← Back to Editor

#E8B96D · #D99450 · #A6593F · #823131 · #572430

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

#E8B96D

Ginger · SandyBrown · Warm Sun

HEX
#E8B96D
RGB
rgb(232, 185, 109)
HSL
hsl(37, 73%, 67%)
HSB
hsb(37, 53%, 91%)
CMYK
cmyk(0%, 20%, 53%, 9%)
Oklch
oklch(81.2% 0.109 78.3)

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

#D99450

Ginger · SandyBrown · Warm Sun

HEX
#D99450
RGB
rgb(217, 148, 80)
HSL
hsl(30, 64%, 58%)
HSB
hsb(30, 63%, 85%)
CMYK
cmyk(0%, 32%, 63%, 15%)
Oklch
oklch(72.2% 0.119 63.5)

Traditional「Ginger」· Paint「Warm Sun」· Creative Blush Sunrise

#A6593F

Tangerine · Sienna · Amber Brown

HEX
#A6593F
RGB
rgb(166, 89, 63)
HSL
hsl(15, 45%, 45%)
HSB
hsb(15, 62%, 65%)
CMYK
cmyk(0%, 46%, 62%, 35%)
Oklch
oklch(54.9% 0.108 39.3)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

#823131

Crimson · Brown · Wine Red

HEX
#823131
RGB
rgb(130, 49, 49)
HSL
hsl(0, 45%, 35%)
HSB
hsb(0, 62%, 51%)
CMYK
cmyk(0%, 62%, 62%, 49%)
Oklch
oklch(42.9% 0.112 23.1)

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

#572430

Crimson · DarkSlateGray · Wine Red

HEX
#572430
RGB
rgb(87, 36, 48)
HSL
hsl(346, 41%, 24%)
HSB
hsb(346, 59%, 34%)
CMYK
cmyk(0%, 59%, 45%, 66%)
Oklch
oklch(33.7% 0.076 7.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E8B96D
6D9DE8

Analogous

E87C6D
E8B96D
DAE86D

Triadic

E8B96D
6DE8B9
B96DE8

Split-Comp.

E8B96D
6DDAE8
7C6DE8

Tetradic

E8B96D
6DE87C
6D9DE8
E86DDA

Contrast Matrix WCAG 2.1 Contrast

E8B96D
D99450
A6593F
823131
572430
—
1.4
Fail
2.8
Fail
4.8
AA
6.8
AA
1.4
Fail
—
2.0
Fail
3.4
AA Large
4.9
AA
2.8
Fail
2.0
Fail
—
1.7
Fail
2.4
Fail
4.8
AA
3.4
AA Large
1.7
Fail
—
1.4
Fail
6.8
AA
4.9
AA
2.4
Fail
1.4
Fail
—
White BG
1.8Fail
2.5Fail
5.1AA
8.6AAA
12.4AAA
Black BG
11.6AAA
8.3AAA
4.1AA Large
2.4Fail
1.7Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

D4D37F
BBBB60
858445
5F5E31
41402D

Deuteranopia

D6DA84
BFC464
898F47
646A31
44482C

Tritanopia

E68E91
D66D70
A24A4B
7E3131
542B2A

Achromatopsia

BEBEBE
A1A1A1
6D6D6D
494949
353535

Shades & Tints Shades & Tints

#E8B96D

Dark
Light

#D99450

Dark
Light

#A6593F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e8b96d;
  --color-2: #d99450;
  --color-3: #a6593f;
  --color-4: #823131;
  --color-5: #572430;
}

SCSS

$color-1: #e8b96d;
$color-2: #d99450;
$color-3: #a6593f;
$color-4: #823131;
$color-5: #572430;

TAILWIND

colors: {
  'brand-1': '#e8b96d',
  'brand-2': '#d99450',
  'brand-3': '#a6593f',
  'brand-4': '#823131',
  'brand-5': '#572430',
}

RGB Array

[232, 185, 109], [217, 148, 80], [166, 89, 63], [130, 49, 49], [87, 36, 48]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E8B96D, #D99450, #A6593F, #823131, #572430 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: #e8b96d; --color-2: #d99450; --color-3: #a6593f; --color-4: #823131; --color-5: #572430. 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