← Back to Editor

#0D0C0C · #E8390C · #E48624 · #E4B425 · #E5ECDA

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

#0D0C0C

Ink Black · Black · Jet Black

HEX
#0D0C0C
RGB
rgb(13, 12, 12)
HSL
hsl(0, 4%, 5%)
HSB
hsb(0, 8%, 5%)
CMYK
cmyk(0%, 8%, 8%, 95%)
Oklch
oklch(15.6% 0.002 17.3)

Traditional「Ink Black」· Paint「Jet Black」· Creative Midnight Shadow

#E8390C

Vermilion · OrangeRed · Passion Red

HEX
#E8390C
RGB
rgb(232, 57, 12)
HSL
hsl(12, 90%, 48%)
HSB
hsb(12, 95%, 91%)
CMYK
cmyk(0%, 75%, 95%, 9%)
Oklch
oklch(61.1% 0.216 33.7)

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

#E48624

Ginger · GoldenRod · Warm Sun

HEX
#E48624
RGB
rgb(228, 134, 36)
HSL
hsl(31, 78%, 52%)
HSB
hsb(31, 84%, 89%)
CMYK
cmyk(0%, 41%, 84%, 11%)
Oklch
oklch(70.7% 0.154 60.3)

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

#E4B425

Ginger · GoldenRod · Sunflower

HEX
#E4B425
RGB
rgb(228, 180, 37)
HSL
hsl(45, 78%, 52%)
HSB
hsb(45, 84%, 89%)
CMYK
cmyk(0%, 21%, 84%, 11%)
Oklch
oklch(79.2% 0.153 88.0)

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

#E5ECDA

Willow Green · Beige · Mint Green

HEX
#E5ECDA
RGB
rgb(229, 236, 218)
HSL
hsl(83, 32%, 89%)
HSB
hsb(83, 8%, 93%)
CMYK
cmyk(3%, 0%, 8%, 7%)
Oklch
oklch(93.3% 0.025 124.3)

Traditional「Willow Green」· Paint「Mint Green」· Creative Mint Breeze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

0D0C0C
0C0D0D

Analogous

0D0C0D
0D0C0C
0D0D0C

Triadic

0D0C0C
0C0D0C
0C0C0D

Split-Comp.

0D0C0C
0C0D0D
0C0D0D

Tetradic

0D0C0C
0D0D0C
0C0D0D
0D0C0D

Contrast Matrix WCAG 2.1 Contrast

0D0C0C
E8390C
E48624
E4B425
E5ECDA
—
4.7
AA
7.2
AAA
10.1
AAA
16.1
AAA
4.7
AA
—
1.5
Fail
2.2
Fail
3.5
AA Large
7.2
AAA
1.5
Fail
—
1.4
Fail
2.2
Fail
10.1
AAA
2.2
Fail
1.4
Fail
—
1.6
Fail
16.1
AAA
3.5
AA Large
2.2
Fail
1.6
Fail
—
White BG
19.5AAA
4.2AA Large
2.7Fail
1.9Fail
1.2Fail
Black BG
1.1Fail
5.0AA
7.7AAA
10.9AAA
17.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

0D0D0C
9C9B17
BBBA3C
CFCF48
E8E8DE

Deuteranopia

0D0D0C
A6B319
C1C841
D2D650
E8E7DF

Tritanopia

0D0C0C
DF1F21
DF4E53
E26369
E5E2E3

Achromatopsia

0C0C0C
686868
979797
B2B2B2
E8E8E8

Shades & Tints Shades & Tints

#0D0C0C

Dark
Light

#E8390C

Dark
Light

#E48624

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #0d0c0c;
  --color-2: #e8390c;
  --color-3: #e48624;
  --color-4: #e4b425;
  --color-5: #e5ecda;
}

SCSS

$color-1: #0d0c0c;
$color-2: #e8390c;
$color-3: #e48624;
$color-4: #e4b425;
$color-5: #e5ecda;

TAILWIND

colors: {
  'brand-1': '#0d0c0c',
  'brand-2': '#e8390c',
  'brand-3': '#e48624',
  'brand-4': '#e4b425',
  'brand-5': '#e5ecda',
}

RGB Array

[13, 12, 12], [232, 57, 12], [228, 134, 36], [228, 180, 37], [229, 236, 218]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #0D0C0C, #E8390C, #E48624, #E4B425, #E5ECDA 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: #0d0c0c; --color-2: #e8390c; --color-3: #e48624; --color-4: #e4b425; --color-5: #e5ecda. 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