← Back to Editor

#482426 · #E0AC3C · #E8422C · #D67040 · #E7DECF

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

#482426

Crimson · DarkSlateGray · Wine Red

HEX
#482426
RGB
rgb(72, 36, 38)
HSL
hsl(357, 33%, 21%)
HSB
hsb(357, 50%, 28%)
CMYK
cmyk(0%, 50%, 47%, 72%)
Oklch
oklch(31.0% 0.055 17.2)

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

#E0AC3C

Ginger · GoldenRod · Sunflower

HEX
#E0AC3C
RGB
rgb(224, 172, 60)
HSL
hsl(41, 73%, 56%)
HSB
hsb(41, 73%, 88%)
CMYK
cmyk(0%, 23%, 73%, 12%)
Oklch
oklch(77.3% 0.138 82.8)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

#E8422C

Vermilion · Chocolate · Passion Red

HEX
#E8422C
RGB
rgb(232, 66, 44)
HSL
hsl(7, 80%, 54%)
HSB
hsb(7, 81%, 91%)
CMYK
cmyk(0%, 72%, 81%, 9%)
Oklch
oklch(62.1% 0.206 30.9)

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

#D67040

Tangerine · Chocolate · Warm Sun

HEX
#D67040
RGB
rgb(214, 112, 64)
HSL
hsl(19, 65%, 55%)
HSB
hsb(19, 70%, 84%)
CMYK
cmyk(0%, 48%, 70%, 16%)
Oklch
oklch(65.4% 0.142 44.5)

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

#E7DECF

Goose Yellow · LightGray · Peach Orange

HEX
#E7DECF
RGB
rgb(231, 222, 207)
HSL
hsl(38, 33%, 86%)
HSB
hsb(38, 10%, 91%)
CMYK
cmyk(0%, 4%, 10%, 9%)
Oklch
oklch(90.4% 0.022 80.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

482426
244745

Analogous

472437
482426
473424

Triadic

482426
264724
242647

Split-Comp.

482426
244734
243747

Tetradic

482426
374724
244745
342447

Contrast Matrix WCAG 2.1 Contrast

482426
E0AC3C
E8422C
D67040
E7DECF
—
6.5
AA
3.4
AA Large
4.0
AA Large
10.1
AAA
6.5
AA
—
1.9
Fail
1.6
Fail
1.6
Fail
3.4
AA Large
1.9
Fail
—
1.2
Fail
3.0
AA Large
4.0
AA Large
1.6
Fail
1.2
Fail
—
2.5
Fail
10.1
AAA
1.6
Fail
3.0
AA Large
2.5
Fail
—
White BG
13.5AAA
2.1Fail
4.0AA Large
3.4AA Large
1.3Fail
Black BG
1.6Fail
10.1AAA
5.2AA
6.3AA
15.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

383826
C9C957
A09F31
AAA94C
E3E3D3

Deuteranopia

3B3D25
CDD05E
AAB633
B0B74E
E4E4D3

Tritanopia

462525
DD6C71
E03636
D15557
E7D5D6

Achromatopsia

2F2F2F
AFAFAF
717171
898989
DFDFDF

Shades & Tints Shades & Tints

#482426

Dark
Light

#E0AC3C

Dark
Light

#E8422C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #482426;
  --color-2: #e0ac3c;
  --color-3: #e8422c;
  --color-4: #d67040;
  --color-5: #e7decf;
}

SCSS

$color-1: #482426;
$color-2: #e0ac3c;
$color-3: #e8422c;
$color-4: #d67040;
$color-5: #e7decf;

TAILWIND

colors: {
  'brand-1': '#482426',
  'brand-2': '#e0ac3c',
  'brand-3': '#e8422c',
  'brand-4': '#d67040',
  'brand-5': '#e7decf',
}

RGB Array

[72, 36, 38], [224, 172, 60], [232, 66, 44], [214, 112, 64], [231, 222, 207]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #482426, #E0AC3C, #E8422C, #D67040, #E7DECF 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: #482426; --color-2: #e0ac3c; --color-3: #e8422c; --color-4: #d67040; --color-5: #e7decf. 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