#840B3B + #571D38 + #252734 + #3A3B44 + #4E4F56 · luxury - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#840B3B

Dark Violet · Brown · Camellia

HEX

#840B3B

RGB

rgb(132, 11, 59)

HSL

hsl(336, 85%, 28%)

HSB

hsb(336, 92%, 52%)

CMYK

cmyk(0%, 92%, 55%, 48%)

Oklch

oklch(39.9% 0.153 5.9)

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

#571D38

Dark Violet · DarkSlateGray · Raspberry

HEX

#571D38

RGB

rgb(87, 29, 56)

HSL

hsl(332, 50%, 23%)

HSB

hsb(332, 67%, 34%)

CMYK

cmyk(0%, 67%, 36%, 66%)

Oklch

oklch(32.9% 0.091 354.4)

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

#252734

Indigo · DarkSlateGray · Deep Sea Blue

HEX

#252734

RGB

rgb(37, 39, 52)

HSL

hsl(232, 17%, 17%)

HSB

hsb(232, 29%, 20%)

CMYK

cmyk(29%, 25%, 0%, 80%)

Oklch

oklch(27.7% 0.024 277.9)

Traditional「Indigo」· Paint「Deep Sea Blue」· Creative Blush Sunrise

#3A3B44

Indigo · DarkSlateGray · Dark Stone

HEX

#3A3B44

RGB

rgb(58, 59, 68)

HSL

hsl(234, 8%, 25%)

HSB

hsb(234, 15%, 27%)

CMYK

cmyk(15%, 13%, 0%, 73%)

Oklch

oklch(35.5% 0.016 280.5)

Traditional「Indigo」· Paint「Dark Stone」· Creative Midnight Shadow

#4E4F56

Ink Gray · DarkSlateGray · Charcoal

HEX

#4E4F56

RGB

rgb(78, 79, 86)

HSL

hsl(233, 5%, 32%)

HSB

hsb(233, 9%, 34%)

CMYK

cmyk(9%, 8%, 0%, 66%)

Oklch

oklch(42.9% 0.012 279.4)

Traditional「Ink Gray」· Paint「Charcoal」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

840B3B

0B8454

Analogous

840B78

840B3B

84170B

Triadic

840B3B

3B840B

0B3B84

Split-Comp.

840B3B

0B8417

0B7884

Tetradic

840B3B

78840B

0B8454

170B84

Contrast Matrix WCAG 2.1 Contrast

840B3B	571D38	252734	3A3B44	4E4F56
—	1.3 Fail	1.5 Fail	1.1 Fail	1.2 Fail
1.3 Fail	—	1.2 Fail	1.2 Fail	1.6 Fail
1.5 Fail	1.2 Fail	—	1.3 Fail	1.8 Fail
1.1 Fail	1.2 Fail	1.3 Fail	—	1.4 Fail
1.2 Fail	1.6 Fail	1.8 Fail	1.4 Fail	—

White BG

10.0AAA

12.8AAA

14.8AAA

11.1AAA

8.1AAA

Black BG

2.1Fail

1.6Fail

1.4Fail

1.9Fail

2.6Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

504F2F

3E3D31

262631

3A3A42

4E4E54

Deuteranopia

57602D

414630

262630

3A3A41

4E4E54

Tritanopia

7E2624

542C2B

252E2E

3A4040

4E5353

Achromatopsia

353535

313131

282828

3C3C3C

4F4F4F

Shades & Tints Shades & Tints

#840B3B

Dark

Light

#571D38

Dark

Light

#252734

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #840b3b;
  --color-2: #571d38;
  --color-3: #252734;
  --color-4: #3a3b44;
  --color-5: #4e4f56;
}

SCSS

$color-1: #840b3b;
$color-2: #571d38;
$color-3: #252734;
$color-4: #3a3b44;
$color-5: #4e4f56;

TAILWIND

colors: {
  'brand-1': '#840b3b',
  'brand-2': '#571d38',
  'brand-3': '#252734',
  'brand-4': '#3a3b44',
  'brand-5': '#4e4f56',
}

RGB Array

[132, 11, 59], [87, 29, 56], [37, 39, 52], [58, 59, 68], [78, 79, 86]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This luxury-style palette of #840B3B, #571D38, #252734, #3A3B44, #4E4F56 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: #840b3b; --color-2: #571d38; --color-3: #252734; --color-4: #3a3b44; --color-5: #4e4f56. 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 luxury-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