← Back to Editor

#D21044 · #040000 · #A192C9 · #8161A4 · #413050

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#D21044

Dark Violet · Crimson · Camellia

HEX
#D21044
RGB
rgb(210, 16, 68)
HSL
hsl(344, 86%, 44%)
HSB
hsb(344, 92%, 82%)
CMYK
cmyk(0%, 92%, 68%, 18%)
Oklch
oklch(55.3% 0.215 16.3)

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

#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

#A192C9

Wisteria · DarkGray · Cobalt Blue

HEX
#A192C9
RGB
rgb(161, 146, 201)
HSL
hsl(256, 34%, 68%)
HSB
hsb(256, 27%, 79%)
CMYK
cmyk(20%, 27%, 0%, 21%)
Oklch
oklch(69.3% 0.081 296.7)

Traditional「Wisteria」· Paint「Cobalt Blue」· Creative Lavender Dream

#8161A4

Deep Indigo · SlateGray · Violet

HEX
#8161A4
RGB
rgb(129, 97, 164)
HSL
hsl(269, 27%, 51%)
HSB
hsb(269, 41%, 64%)
CMYK
cmyk(21%, 41%, 0%, 36%)
Oklch
oklch(55.2% 0.107 305.2)

Traditional「Deep Indigo」· Paint「Violet」· Creative Blush Sunrise

#413050

Dark Plum · DarkSlateGray · Eggplant

HEX
#413050
RGB
rgb(65, 48, 80)
HSL
hsl(272, 25%, 25%)
HSB
hsb(272, 40%, 31%)
CMYK
cmyk(19%, 40%, 0%, 69%)
Oklch
oklch(34.3% 0.058 307.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D21044
10D19D

Analogous

D110A4
D21044
D13D10

Triadic

D21044
43D110
1043D1

Split-Comp.

D21044
10D13D
10A4D1

Tetradic

D21044
A4D110
10D19D
3D10D1

Contrast Matrix WCAG 2.1 Contrast

D21044
040000
A192C9
8161A4
413050
—
3.9
AA Large
1.9
Fail
1.1
Fail
2.2
Fail
3.9
AA Large
—
7.4
AAA
4.2
AA Large
1.8
Fail
1.9
Fail
7.4
AAA
—
1.8
Fail
4.2
AA Large
1.1
Fail
4.2
AA Large
1.8
Fail
—
2.4
Fail
2.2
Fail
1.8
Fail
4.2
AA Large
2.4
Fail
—
White BG
5.4AA
20.9AAA
2.8Fail
5.0AA
11.9AAA
Black BG
3.9AA Large
1.0Fail
7.5AAA
4.2AA Large
1.8Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

7E7C37
020200
9B9ABC
737394
3A3948

Deuteranopia

899834
030300
9B9DB9
757790
3B3C46

Tritanopia

C82D2B
040000
A0B1AF
7F8784
404241

Achromatopsia

505050
010101
9D9D9D
727272
393939

Shades & Tints Shades & Tints

#D21044

Dark
Light

#040000

Dark
Light

#A192C9

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d21044;
  --color-2: #040000;
  --color-3: #a192c9;
  --color-4: #8161a4;
  --color-5: #413050;
}

SCSS

$color-1: #d21044;
$color-2: #040000;
$color-3: #a192c9;
$color-4: #8161a4;
$color-5: #413050;

TAILWIND

colors: {
  'brand-1': '#d21044',
  'brand-2': '#040000',
  'brand-3': '#a192c9',
  'brand-4': '#8161a4',
  'brand-5': '#413050',
}

RGB Array

[210, 16, 68], [4, 0, 0], [161, 146, 201], [129, 97, 164], [65, 48, 80]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D21044, #040000, #A192C9, #8161A4, #413050 is ideal for: tech websites, dark mode UIs, game UIs, infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. 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: #d21044; --color-2: #040000; --color-3: #a192c9; --color-4: #8161a4; --color-5: #413050. 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 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