← Back to Editor

#2B0016 · #410029 · #860B5B · #121214 · #040000

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 App

Color Details Color Details

#2B0016

Rose Purple · Black · Raspberry

HEX
#2B0016
RGB
rgb(43, 0, 22)
HSL
hsl(329, 100%, 8%)
HSB
hsb(329, 100%, 17%)
CMYK
cmyk(0%, 100%, 49%, 83%)
Oklch
oklch(18.9% 0.078 353.9)

Traditional「Rose Purple」· Paint「Raspberry」· Creative Blush Sunrise

#410029

Rose Purple · Maroon · Raspberry

HEX
#410029
RGB
rgb(65, 0, 41)
HSL
hsl(322, 100%, 13%)
HSB
hsb(322, 100%, 25%)
CMYK
cmyk(0%, 100%, 37%, 75%)
Oklch
oklch(24.8% 0.104 348.8)

Traditional「Rose Purple」· Paint「Raspberry」· Creative Blush Sunrise

#860B5B

Rose Purple · Purple · Camellia

HEX
#860B5B
RGB
rgb(134, 11, 91)
HSL
hsl(321, 85%, 28%)
HSB
hsb(321, 92%, 53%)
CMYK
cmyk(0%, 92%, 32%, 47%)
Oklch
oklch(41.5% 0.167 348.2)

Traditional「Rose Purple」· Paint「Camellia」· Creative Blush Sunrise

#121214

Ink Black · Black · Jet Black

HEX
#121214
RGB
rgb(18, 18, 20)
HSL
hsl(240, 5%, 7%)
HSB
hsb(240, 10%, 8%)
CMYK
cmyk(10%, 10%, 0%, 92%)
Oklch
oklch(18.3% 0.004 286.0)

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

#040000

Vermilion · Black · Deep Berry

HEX
#040000
RGB
rgb(4, 0, 0)
HSL
hsl(0, 100%, 1%)
HSB
hsb(0, 100%, 2%)
CMYK
cmyk(0%, 100%, 100%, 98%)
Oklch
oklch(6.7% 0.027 29.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

2B0016
002914

Analogous

280029
2B0016
290001

Triadic

2B0016
152900
001529

Split-Comp.

2B0016
012900
002928

Tetradic

2B0016
292800
002914
000129

Contrast Matrix WCAG 2.1 Contrast

2B0016
410029
860B5B
121214
040000
—
1.1
Fail
2.0
Fail
1.0
Fail
1.1
Fail
1.1
Fail
—
1.8
Fail
1.1
Fail
1.3
Fail
2.0
Fail
1.8
Fail
—
2.0
Fail
2.2
Fail
1.0
Fail
1.1
Fail
2.0
Fail
—
1.1
Fail
1.1
Fail
1.3
Fail
2.2
Fail
1.1
Fail
—
White BG
18.8AAA
16.7AAA
9.5AAA
18.7AAA
20.9AAA
Black BG
1.1Fail
1.3Fail
2.2Fail
1.1Fail
1.0Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

181811
25241F
515048
121214
020200

Deuteranopia

1B1E0F
292E1D
586143
121213
030300

Tritanopia

290C0C
3E1716
803835
121313
040000

Achromatopsia

0F0F0F
181818
393939
121212
010101

Shades & Tints Shades & Tints

#2B0016

Dark
Light

#410029

Dark
Light

#860B5B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #2b0016;
  --color-2: #410029;
  --color-3: #860b5b;
  --color-4: #121214;
  --color-5: #040000;
}

SCSS

$color-1: #2b0016;
$color-2: #410029;
$color-3: #860b5b;
$color-4: #121214;
$color-5: #040000;

TAILWIND

colors: {
  'brand-1': '#2b0016',
  'brand-2': '#410029',
  'brand-3': '#860b5b',
  'brand-4': '#121214',
  'brand-5': '#040000',
}

RGB Array

[43, 0, 22], [65, 0, 41], [134, 11, 91], [18, 18, 20], [4, 0, 0]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This dark-style palette of #2B0016, #410029, #860B5B, #121214, #040000 is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs. Vivid colors effectively attract user attention. 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: #2b0016; --color-2: #410029; --color-3: #860b5b; --color-4: #121214; --color-5: #040000. 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 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