#471B27 + #541B3E + #6B2764 + #7A347F + #82295D · dark - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#471B27

Dark Violet · DarkSlateGray · Raspberry

HEX

#471B27

RGB

rgb(71, 27, 39)

HSL

hsl(344, 45%, 19%)

HSB

hsb(344, 62%, 28%)

CMYK

cmyk(0%, 62%, 45%, 72%)

Oklch

oklch(29.2% 0.069 5.2)

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

#541B3E

Rose Purple · DarkSlateGray · Raspberry

HEX

#541B3E

RGB

rgb(84, 27, 62)

HSL

hsl(323, 51%, 22%)

HSB

hsb(323, 68%, 33%)

CMYK

cmyk(0%, 68%, 26%, 67%)

Oklch

oklch(32.4% 0.095 345.9)

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

#6B2764

Rose Purple · Purple · Eggplant

HEX

#6B2764

RGB

rgb(107, 39, 100)

HSL

hsl(306, 47%, 29%)

HSB

hsb(306, 64%, 42%)

CMYK

cmyk(0%, 64%, 7%, 58%)

Oklch

oklch(39.6% 0.125 331.9)

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

#7A347F

Dark Plum · DarkSlateBlue · Eggplant

HEX

#7A347F

RGB

rgb(122, 52, 127)

HSL

hsl(296, 42%, 35%)

HSB

hsb(296, 59%, 50%)

CMYK

cmyk(4%, 59%, 0%, 50%)

Oklch

oklch(45.1% 0.139 324.9)

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

#82295D

Rose Purple · Purple · Camellia

HEX

#82295D

RGB

rgb(130, 41, 93)

HSL

hsl(325, 52%, 34%)

HSB

hsb(325, 68%, 51%)

CMYK

cmyk(0%, 68%, 28%, 49%)

Oklch

oklch(43.2% 0.135 348.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

471B27

1B463B

Analogous

461B3C

471B27

46251B

Triadic

471B27

26461B

1B2646

Split-Comp.

471B27

1B4625

1B3C46

Tetradic

471B27

3C461B

1B463B

251B46

Contrast Matrix WCAG 2.1 Contrast

471B27	541B3E	6B2764	7A347F	82295D
—	1.1 Fail	1.4 Fail	1.8 Fail	1.7 Fail
1.1 Fail	—	1.3 Fail	1.6 Fail	1.5 Fail
1.4 Fail	1.3 Fail	—	1.3 Fail	1.2 Fail
1.8 Fail	1.6 Fail	1.3 Fail	—	1.1 Fail
1.7 Fail	1.5 Fail	1.2 Fail	1.1 Fail	—

White BG

14.4AAA

13.1AAA

10.0AAA

8.0AAA

8.7AAA

Black BG

1.5Fail

1.6Fail

2.1Fail

2.6Fail

2.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

343424

3B3B36

4E4D55

5C5B6D

5B5B50

Deuteranopia

373A23

3F4334

525752

606568

61674D

Tritanopia

452221

512F2D

684A47

765F5B

7E4644

Achromatopsia

2A2A2A

303030

424242

515151

4A4A4A

Shades & Tints Shades & Tints

#471B27

Dark

Light

#541B3E

Dark

Light

#6B2764

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #471b27;
  --color-2: #541b3e;
  --color-3: #6b2764;
  --color-4: #7a347f;
  --color-5: #82295d;
}

SCSS

$color-1: #471b27;
$color-2: #541b3e;
$color-3: #6b2764;
$color-4: #7a347f;
$color-5: #82295d;

TAILWIND

colors: {
  'brand-1': '#471b27',
  'brand-2': '#541b3e',
  'brand-3': '#6b2764',
  'brand-4': '#7a347f',
  'brand-5': '#82295d',
}

RGB Array

[71, 27, 39], [84, 27, 62], [107, 39, 100], [122, 52, 127], [130, 41, 93]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This dark-style palette of #471B27, #541B3E, #6B2764, #7A347F, #82295D 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: #471b27; --color-2: #541b3e; --color-3: #6b2764; --color-4: #7a347f; --color-5: #82295d. 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 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