← Back to Editor

#090212 · #DC0014 · #BE840C · #BABA8D · #383636

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#090212

Deep Indigo · Black · Dark Purple

HEX
#090212
RGB
rgb(9, 2, 18)
HSL
hsl(266, 80%, 4%)
HSB
hsb(266, 89%, 7%)
CMYK
cmyk(50%, 89%, 0%, 93%)
Oklch
oklch(11.8% 0.043 305.7)

Traditional「Deep Indigo」· Paint「Dark Purple」· Creative Blush Sunrise

#DC0014

Vermilion · Red · Passion Red

HEX
#DC0014
RGB
rgb(220, 0, 20)
HSL
hsl(355, 100%, 43%)
HSB
hsb(355, 100%, 86%)
CMYK
cmyk(0%, 100%, 91%, 14%)
Oklch
oklch(56.2% 0.230 27.5)

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

#BE840C

Ochre · DarkGoldenRod · Honey Gold

HEX
#BE840C
RGB
rgb(190, 132, 12)
HSL
hsl(40, 88%, 40%)
HSB
hsb(40, 94%, 75%)
CMYK
cmyk(0%, 31%, 94%, 25%)
Oklch
oklch(65.5% 0.134 77.1)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#BABA8D

Fresh Green · Tan · Sunflower

HEX
#BABA8D
RGB
rgb(186, 186, 141)
HSL
hsl(60, 25%, 64%)
HSB
hsb(60, 24%, 73%)
CMYK
cmyk(0%, 0%, 24%, 27%)
Oklch
oklch(77.8% 0.061 107.7)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

#383636

Dark Cyan · DarkSlateGray · Dark Stone

HEX
#383636
RGB
rgb(56, 54, 54)
HSL
hsl(0, 2%, 22%)
HSB
hsb(0, 4%, 22%)
CMYK
cmyk(0%, 4%, 4%, 78%)
Oklch
oklch(33.5% 0.003 17.3)

Traditional「Dark Cyan」· Paint「Dark Stone」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

090212
0B1202

Analogous

020312
090212
110212

Triadic

090212
120902
021209

Split-Comp.

090212
121102
031202

Tetradic

090212
120203
0B1202
021211

Contrast Matrix WCAG 2.1 Contrast

090212
DC0014
BE840C
BABA8D
383636
—
3.9
AA Large
6.3
AA
10.2
AAA
1.7
Fail
3.9
AA Large
—
1.6
Fail
2.6
Fail
2.3
Fail
6.3
AA
1.6
Fail
—
1.6
Fail
3.7
AA Large
10.2
AAA
2.6
Fail
1.6
Fail
—
6.0
AA
1.7
Fail
2.3
Fail
3.7
AA Large
6.0
AA
—
White BG
20.4AAA
5.2AA
3.2AA Large
2.0Fail
12.0AAA
Black BG
1.0Fail
4.1AA Large
6.5AA
10.5AAA
1.7Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

06060E
7D7B0F
A5A429
BABA98
373736

Deuteranopia

06070D
8A9A0E
A8AD30
BABA9B
373736

Tritanopia

090B0A
D10B0B
BB4045
BAA0A2
383636

Achromatopsia

060606
444444
888888
B5B5B5
373737

Shades & Tints Shades & Tints

#090212

Dark
Light

#DC0014

Dark
Light

#BE840C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #090212;
  --color-2: #dc0014;
  --color-3: #be840c;
  --color-4: #baba8d;
  --color-5: #383636;
}

SCSS

$color-1: #090212;
$color-2: #dc0014;
$color-3: #be840c;
$color-4: #baba8d;
$color-5: #383636;

TAILWIND

colors: {
  'brand-1': '#090212',
  'brand-2': '#dc0014',
  'brand-3': '#be840c',
  'brand-4': '#baba8d',
  'brand-5': '#383636',
}

RGB Array

[9, 2, 18], [220, 0, 20], [190, 132, 12], [186, 186, 141], [56, 54, 54]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #090212, #DC0014, #BE840C, #BABA8D, #383636 is ideal for: tech websites, dark mode UIs, game UIs, 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: #090212; --color-2: #dc0014; --color-3: #be840c; --color-4: #baba8d; --color-5: #383636. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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