#DC2540 + #991A58 + #6C1367 + #421D4B + #2B1734 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#DC2540

Vermilion · Crimson · Passion Red

HEX

#DC2540

RGB

rgb(220, 37, 64)

HSL

hsl(351, 72%, 50%)

HSB

hsb(351, 83%, 86%)

CMYK

cmyk(0%, 83%, 71%, 14%)

Oklch

oklch(58.0% 0.214 20.5)

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

#991A58

Dark Violet · Brown · Camellia

HEX

#991A58

RGB

rgb(153, 26, 88)

HSL

hsl(331, 71%, 35%)

HSB

hsb(331, 83%, 60%)

CMYK

cmyk(0%, 83%, 42%, 40%)

Oklch

oklch(45.7% 0.168 357.3)

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

#6C1367

Rose Purple · Purple · Eggplant

HEX

#6C1367

RGB

rgb(108, 19, 103)

HSL

hsl(303, 70%, 25%)

HSB

hsb(303, 82%, 42%)

CMYK

cmyk(0%, 82%, 5%, 58%)

Oklch

oklch(38.0% 0.154 330.7)

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

#421D4B

Dark Plum · DarkSlateGray · Dark Purple

HEX

#421D4B

RGB

rgb(66, 29, 75)

HSL

hsl(288, 44%, 20%)

HSB

hsb(288, 61%, 29%)

CMYK

cmyk(12%, 61%, 0%, 71%)

Oklch

oklch(30.5% 0.090 319.4)

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

#2B1734

Dark Plum · DarkSlateGray · Dark Purple

HEX

#2B1734

RGB

rgb(43, 23, 52)

HSL

hsl(281, 39%, 15%)

HSB

hsb(281, 56%, 20%)

CMYK

cmyk(17%, 56%, 0%, 80%)

Oklch

oklch(24.6% 0.059 314.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DC2540

24DBC0

Analogous

DB249B

DC2540

DB6424

Triadic

DC2540

3FDB24

243FDB

Split-Comp.

DC2540

24DB64

249BDB

Tetradic

DC2540

9BDB24

24DBC0

6424DB

Contrast Matrix WCAG 2.1 Contrast

DC2540	991A58	6C1367	421D4B	2B1734
—	1.7 Fail	2.3 Fail	2.9 Fail	3.4 AA Large
1.7 Fail	—	1.4 Fail	1.8 Fail	2.1 Fail
2.3 Fail	1.4 Fail	—	1.3 Fail	1.5 Fail
2.9 Fail	1.8 Fail	1.3 Fail	—	1.2 Fail
3.4 AA Large	2.1 Fail	1.5 Fail	1.2 Fail	—

White BG

4.8AA

7.9AAA

10.9AAA

13.9AAA

16.5AAA

Black BG

4.4AA Large

2.6Fail

1.9Fail

1.5Fail

1.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

8D8B39

626149

454553

323240

22222D

Deuteranopia

97A538

697345

4B514E

34373D

24252B

Tritanopia

D33433

933D3B

68433F

403735

2A2726

Achromatopsia

5F5F5F

474747

373737

2D2D2D

202020

Shades & Tints Shades & Tints

#DC2540

Dark

Light

#991A58

Dark

Light

#6C1367

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #dc2540;
  --color-2: #991a58;
  --color-3: #6c1367;
  --color-4: #421d4b;
  --color-5: #2b1734;
}

SCSS

$color-1: #dc2540;
$color-2: #991a58;
$color-3: #6c1367;
$color-4: #421d4b;
$color-5: #2b1734;

TAILWIND

colors: {
  'brand-1': '#dc2540',
  'brand-2': '#991a58',
  'brand-3': '#6c1367',
  'brand-4': '#421d4b',
  'brand-5': '#2b1734',
}

RGB Array

[220, 37, 64], [153, 26, 88], [108, 19, 103], [66, 29, 75], [43, 23, 52]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #DC2540, #991A58, #6C1367, #421D4B, #2B1734 is ideal for: tech websites, dark mode UIs, game UIs. 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: #dc2540; --color-2: #991a58; --color-3: #6c1367; --color-4: #421d4b; --color-5: #2b1734. 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 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