← Back to Editor

#861191 · #720A48 · #20091D · #8413A7 · #A71A4D

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 App

Color Details Color Details

#861191

Royal Purple · DarkMagenta · Eggplant

HEX
#861191
RGB
rgb(134, 17, 145)
HSL
hsl(295, 79%, 32%)
HSB
hsb(295, 88%, 57%)
CMYK
cmyk(8%, 88%, 0%, 43%)
Oklch
oklch(44.9% 0.200 324.0)

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

#720A48

Rose Purple · Purple · Raspberry

HEX
#720A48
RGB
rgb(114, 10, 72)
HSL
hsl(324, 84%, 24%)
HSB
hsb(324, 91%, 45%)
CMYK
cmyk(0%, 91%, 37%, 55%)
Oklch
oklch(36.9% 0.144 351.4)

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

#20091D

Rose Purple · Black · Dark Purple

HEX
#20091D
RGB
rgb(32, 9, 29)
HSL
hsl(308, 56%, 8%)
HSB
hsb(308, 72%, 13%)
CMYK
cmyk(0%, 72%, 9%, 87%)
Oklch
oklch(18.7% 0.051 332.6)

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

#8413A7

Royal Purple · DarkMagenta · Eggplant

HEX
#8413A7
RGB
rgb(132, 19, 167)
HSL
hsl(286, 80%, 36%)
HSB
hsb(286, 89%, 65%)
CMYK
cmyk(21%, 89%, 0%, 35%)
Oklch
oklch(46.3% 0.215 315.7)

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

#A71A4D

Dark Violet · Brown · Camellia

HEX
#A71A4D
RGB
rgb(167, 26, 77)
HSL
hsl(338, 73%, 38%)
HSB
hsb(338, 84%, 65%)
CMYK
cmyk(0%, 84%, 54%, 35%)
Oklch
oklch(47.9% 0.176 6.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

861191
1C9211

Analogous

471192
861191
92115C

Triadic

861191
928711
119287

Split-Comp.

861191
5C9211
119247

Tetradic

861191
924711
1C9211
115C92

Contrast Matrix WCAG 2.1 Contrast

861191
720A48
20091D
8413A7
A71A4D
—
1.4
Fail
2.2
Fail
1.1
Fail
1.2
Fail
1.4
Fail
—
1.7
Fail
1.4
Fail
1.6
Fail
2.2
Fail
1.7
Fail
—
2.4
Fail
2.6
Fail
1.1
Fail
1.4
Fail
2.4
Fail
—
1.1
Fail
1.2
Fail
1.6
Fail
2.6
Fail
1.1
Fail
—
White BG
8.4AAA
11.3AAA
18.8AAA
8.0AAA
7.2AAA
Black BG
2.5Fail
1.9Fail
1.1Fail
2.6Fail
2.9Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

535272
454439
161618
535283
6A6941

Deuteranopia

5A636B
4B5335
171917
5A627B
727D3E

Tritanopia

805A54
6D2D2B
1F1414
7E6761
A03735

Achromatopsia

434343
303030
121212
464646
4A4A4A

Shades & Tints Shades & Tints

#861191

Dark
Light

#720A48

Dark
Light

#20091D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #861191;
  --color-2: #720a48;
  --color-3: #20091d;
  --color-4: #8413a7;
  --color-5: #a71a4d;
}

SCSS

$color-1: #861191;
$color-2: #720a48;
$color-3: #20091d;
$color-4: #8413a7;
$color-5: #a71a4d;

TAILWIND

colors: {
  'brand-1': '#861191',
  'brand-2': '#720a48',
  'brand-3': '#20091d',
  'brand-4': '#8413a7',
  'brand-5': '#a71a4d',
}

RGB Array

[134, 17, 145], [114, 10, 72], [32, 9, 29], [132, 19, 167], [167, 26, 77]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This dark-style palette of #861191, #720A48, #20091D, #8413A7, #A71A4D 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: #861191; --color-2: #720a48; --color-3: #20091d; --color-4: #8413a7; --color-5: #a71a4d. 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