← Back to Editor

#0D0404 · #240E0E · #381515 · #591818 · #780808

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 Library

Color Details Color Details

#0D0404

Crimson · Black · Deep Berry

HEX
#0D0404
RGB
rgb(13, 4, 4)
HSL
hsl(0, 53%, 3%)
HSB
hsb(0, 69%, 5%)
CMYK
cmyk(0%, 69%, 69%, 95%)
Oklch
oklch(12.4% 0.020 20.4)

Traditional「Crimson」· Paint「Deep Berry」· Creative Blush Sunrise

#240E0E

Crimson · Black · Deep Berry

HEX
#240E0E
RGB
rgb(36, 14, 14)
HSL
hsl(0, 44%, 10%)
HSB
hsb(0, 61%, 14%)
CMYK
cmyk(0%, 61%, 61%, 86%)
Oklch
oklch(19.8% 0.037 21.0)

Traditional「Crimson」· Paint「Deep Berry」· Creative Blush Sunrise

#381515

Crimson · Black · Deep Berry

HEX
#381515
RGB
rgb(56, 21, 21)
HSL
hsl(0, 45%, 15%)
HSB
hsb(0, 63%, 22%)
CMYK
cmyk(0%, 62%, 62%, 78%)
Oklch
oklch(24.9% 0.056 22.0)

Traditional「Crimson」· Paint「Deep Berry」· Creative Blush Sunrise

#591818

Crimson · Maroon · Wine Red

HEX
#591818
RGB
rgb(89, 24, 24)
HSL
hsl(0, 58%, 22%)
HSB
hsb(0, 73%, 35%)
CMYK
cmyk(0%, 73%, 73%, 65%)
Oklch
oklch(31.7% 0.096 24.4)

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

#780808

Vermilion · Maroon · Wine Red

HEX
#780808
RGB
rgb(120, 8, 8)
HSL
hsl(0, 88%, 25%)
HSB
hsb(0, 93%, 47%)
CMYK
cmyk(0%, 93%, 93%, 53%)
Oklch
oklch(36.4% 0.143 28.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

0D0404
040C0C

Analogous

0C0408
0D0404
0C0804

Triadic

0D0404
040C04
04040C

Split-Comp.

0D0404
040C08
04080C

Tetradic

0D0404
080C04
040C0C
08040C

Contrast Matrix WCAG 2.1 Contrast

0D0404
240E0E
381515
591818
780808
—
1.1
Fail
1.2
Fail
1.5
Fail
1.8
Fail
1.1
Fail
—
1.1
Fail
1.4
Fail
1.6
Fail
1.2
Fail
1.1
Fail
—
1.2
Fail
1.4
Fail
1.5
Fail
1.4
Fail
1.2
Fail
—
1.2
Fail
1.8
Fail
1.6
Fail
1.4
Fail
1.2
Fail
—
White BG
20.3AAA
18.4AAA
16.3AAA
13.4AAA
11.4AAA
Black BG
1.0Fail
1.1Fail
1.3Fail
1.6Fail
1.8Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

090904
1A1A0E
292915
3D3C18
484608

Deuteranopia

0A0A04
1C1D0E
2B2D15
414618
4E5608

Tritanopia

0D0404
230E0E
361515
561818
720808

Achromatopsia

070707
151515
1F1F1F
2B2B2B
292929

Shades & Tints Shades & Tints

#0D0404

Dark
Light

#240E0E

Dark
Light

#381515

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #0d0404;
  --color-2: #240e0e;
  --color-3: #381515;
  --color-4: #591818;
  --color-5: #780808;
}

SCSS

$color-1: #0d0404;
$color-2: #240e0e;
$color-3: #381515;
$color-4: #591818;
$color-5: #780808;

TAILWIND

colors: {
  'brand-1': '#0d0404',
  'brand-2': '#240e0e',
  'brand-3': '#381515',
  'brand-4': '#591818',
  'brand-5': '#780808',
}

RGB Array

[13, 4, 4], [36, 14, 14], [56, 21, 21], [89, 24, 24], [120, 8, 8]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #0D0404, #240E0E, #381515, #591818, #780808 is ideal for: tech websites, dark mode UIs, game UIs. 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: #0d0404; --color-2: #240e0e; --color-3: #381515; --color-4: #591818; --color-5: #780808. 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. 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