← Back to Editor

#E80CFA · #6D4637 · #403106 · #16201B · #030004

dark

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#E80CFA

Royal Purple · Magenta · Violet

HEX
#E80CFA
RGB
rgb(232, 12, 250)
HSL
hsl(295, 96%, 51%)
HSB
hsb(295, 95%, 98%)
CMYK
cmyk(7%, 95%, 0%, 2%)
Oklch
oklch(66.6% 0.309 324.3)

Traditional「Royal Purple」· Paint「Violet」· Creative Blush Sunrise

#6D4637

Tangerine · DarkOliveGreen · Amber Brown

HEX
#6D4637
RGB
rgb(109, 70, 55)
HSL
hsl(17, 33%, 32%)
HSB
hsb(17, 50%, 43%)
CMYK
cmyk(0%, 36%, 50%, 57%)
Oklch
oklch(43.5% 0.059 41.8)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

#403106

Ochre · DarkOliveGreen · Amber Gold

HEX
#403106
RGB
rgb(64, 49, 6)
HSL
hsl(44, 83%, 14%)
HSB
hsb(44, 91%, 25%)
CMYK
cmyk(0%, 23%, 91%, 75%)
Oklch
oklch(32.1% 0.061 88.2)

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

#16201B

Mineral Blue · Black · Dark Green

HEX
#16201B
RGB
rgb(22, 32, 27)
HSL
hsl(150, 19%, 11%)
HSB
hsb(150, 31%, 13%)
CMYK
cmyk(31%, 0%, 16%, 87%)
Oklch
oklch(23.2% 0.017 163.0)

Traditional「Mineral Blue」· Paint「Dark Green」· Creative Blush Sunrise

#030004

Royal Purple · Black · Dark Purple

HEX
#030004
RGB
rgb(3, 0, 4)
HSL
hsl(285, 100%, 1%)
HSB
hsb(285, 100%, 2%)
CMYK
cmyk(25%, 100%, 0%, 98%)
Oklch
oklch(7.0% 0.033 321.5)

Traditional「Royal Purple」· Paint「Dark Purple」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E80CFA
1EFA0A

Analogous

6E0AFA
E80CFA
FA0A96

Triadic

E80CFA
FAE60A
0AFAE6

Split-Comp.

E80CFA
96FA0A
0AFA6E

Tetradic

E80CFA
FA6E0A
1EFA0A
0A96FA

Contrast Matrix WCAG 2.1 Contrast

E80CFA
6D4637
403106
16201B
030004
—
2.3
Fail
3.5
AA Large
4.7
AA
5.8
AA
2.3
Fail
—
1.6
Fail
2.1
Fail
2.6
Fail
3.5
AA Large
1.6
Fail
—
1.3
Fail
1.7
Fail
4.7
AA
2.1
Fail
1.3
Fail
—
1.2
Fail
5.8
AA
2.6
Fail
1.7
Fail
1.2
Fail
—
White BG
3.6AA Large
8.1AAA
12.7AAA
16.7AAA
20.9AAA
Black BG
5.9AA
2.6Fail
1.7Fail
1.3Fail
1.0Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

8987C0
5C5C3B
3A3910
1A1A1C
020203

Deuteranopia

96A6B3
5E613C
3A3C13
1A191D
020203

Tritanopia

DD9389
6B3D3E
3F191A
171D1D
030202

Achromatopsia

696969
505050
313131
1C1C1C
010101

Shades & Tints Shades & Tints

#E80CFA

Dark
Light

#6D4637

Dark
Light

#403106

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e80cfa;
  --color-2: #6d4637;
  --color-3: #403106;
  --color-4: #16201b;
  --color-5: #030004;
}

SCSS

$color-1: #e80cfa;
$color-2: #6d4637;
$color-3: #403106;
$color-4: #16201b;
$color-5: #030004;

TAILWIND

colors: {
  'brand-1': '#e80cfa',
  'brand-2': '#6d4637',
  'brand-3': '#403106',
  'brand-4': '#16201b',
  'brand-5': '#030004',
}

RGB Array

[232, 12, 250], [109, 70, 55], [64, 49, 6], [22, 32, 27], [3, 0, 4]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This dark-style palette of #E80CFA, #6D4637, #403106, #16201B, #030004 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: #e80cfa; --color-2: #6d4637; --color-3: #403106; --color-4: #16201b; --color-5: #030004. 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