← Back to Editor

#200A08 · #780B09 · #8A1D37 · #713CA7 · #6E5AD1

dark

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#200A08

Crimson · Black · Deep Berry

HEX
#200A08
RGB
rgb(32, 10, 8)
HSL
hsl(5, 60%, 8%)
HSB
hsb(5, 75%, 13%)
CMYK
cmyk(0%, 69%, 75%, 87%)
Oklch
oklch(18.0% 0.039 27.2)

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

#780B09

Vermilion · Maroon · Wine Red

HEX
#780B09
RGB
rgb(120, 11, 9)
HSL
hsl(1, 86%, 25%)
HSB
hsb(1, 93%, 47%)
CMYK
cmyk(0%, 91%, 93%, 53%)
Oklch
oklch(36.6% 0.141 28.5)

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

#8A1D37

Vermilion · Brown · Wine Red

HEX
#8A1D37
RGB
rgb(138, 29, 55)
HSL
hsl(346, 65%, 33%)
HSB
hsb(346, 79%, 54%)
CMYK
cmyk(0%, 79%, 60%, 46%)
Oklch
oklch(42.2% 0.144 12.7)

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

#713CA7

Dark Plum · SlateBlue · Violet

HEX
#713CA7
RGB
rgb(113, 60, 167)
HSL
hsl(270, 47%, 45%)
HSB
hsb(270, 64%, 65%)
CMYK
cmyk(32%, 64%, 0%, 35%)
Oklch
oklch(47.6% 0.166 303.4)

Traditional「Dark Plum」· Paint「Violet」· Creative Blush Sunrise

#6E5AD1

Deep Indigo · SlateBlue · Navy Blue

HEX
#6E5AD1
RGB
rgb(110, 90, 209)
HSL
hsl(250, 56%, 59%)
HSB
hsb(250, 57%, 82%)
CMYK
cmyk(47%, 57%, 0%, 18%)
Oklch
oklch(55.0% 0.176 286.8)

Traditional「Deep Indigo」· Paint「Navy Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

200A08
081F21

Analogous

210812
200A08
211608

Triadic

200A08
08210A
0A0821

Split-Comp.

200A08
082116
081221

Tetradic

200A08
122108
081F21
160821

Contrast Matrix WCAG 2.1 Contrast

200A08
780B09
8A1D37
713CA7
6E5AD1
—
1.7
Fail
2.1
Fail
2.6
Fail
3.7
AA Large
1.7
Fail
—
1.2
Fail
1.6
Fail
2.2
Fail
2.1
Fail
1.2
Fail
—
1.3
Fail
1.8
Fail
2.6
Fail
1.6
Fail
1.3
Fail
—
1.4
Fail
3.7
AA Large
2.2
Fail
1.8
Fail
1.4
Fail
—
White BG
18.9AAA
11.3AAA
9.1AAA
7.2AAA
5.2AA
Black BG
1.1Fail
1.9Fail
2.3Fail
2.9Fail
4.0AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

161608
494809
5B5A31
5A5A8D
6565B4

Deuteranopia

181909
4F570A
61692F
5D6187
6768AD

Tritanopia

1F0909
730A0A
852C2B
6E7974
6D9D98

Achromatopsia

101010
2B2B2B
414141
585858
6E6E6E

Shades & Tints Shades & Tints

#200A08

Dark
Light

#780B09

Dark
Light

#8A1D37

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #200a08;
  --color-2: #780b09;
  --color-3: #8a1d37;
  --color-4: #713ca7;
  --color-5: #6e5ad1;
}

SCSS

$color-1: #200a08;
$color-2: #780b09;
$color-3: #8a1d37;
$color-4: #713ca7;
$color-5: #6e5ad1;

TAILWIND

colors: {
  'brand-1': '#200a08',
  'brand-2': '#780b09',
  'brand-3': '#8a1d37',
  'brand-4': '#713ca7',
  'brand-5': '#6e5ad1',
}

RGB Array

[32, 10, 8], [120, 11, 9], [138, 29, 55], [113, 60, 167], [110, 90, 209]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This dark-style palette of #200A08, #780B09, #8A1D37, #713CA7, #6E5AD1 is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #200a08; --color-2: #780b09; --color-3: #8a1d37; --color-4: #713ca7; --color-5: #6e5ad1. 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 dark-style 5-color scheme is especially suited for food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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