← Back to Editor

#1B1514 · #5B1A12 · #D22F27 · #DC5C39 · #E79544

luxury

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#1B1514

Crimson · Black · Deep Berry

HEX
#1B1514
RGB
rgb(27, 21, 20)
HSL
hsl(9, 15%, 9%)
HSB
hsb(9, 26%, 11%)
CMYK
cmyk(0%, 22%, 26%, 89%)
Oklch
oklch(20.3% 0.010 29.1)

Traditional「Crimson」· Paint「Deep Berry」· Creative Blush Sunrise

#5B1A12

Vermilion · Maroon · Wine Red

HEX
#5B1A12
RGB
rgb(91, 26, 18)
HSL
hsl(7, 67%, 21%)
HSB
hsb(7, 80%, 36%)
CMYK
cmyk(0%, 71%, 80%, 64%)
Oklch
oklch(32.2% 0.097 30.2)

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

#D22F27

Vermilion · FireBrick · Passion Red

HEX
#D22F27
RGB
rgb(210, 47, 39)
HSL
hsl(3, 69%, 49%)
HSB
hsb(3, 81%, 82%)
CMYK
cmyk(0%, 78%, 81%, 18%)
Oklch
oklch(56.5% 0.200 28.4)

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

#DC5C39

Vermilion · Chocolate · Passion Red

HEX
#DC5C39
RGB
rgb(220, 92, 57)
HSL
hsl(13, 70%, 54%)
HSB
hsb(13, 74%, 86%)
CMYK
cmyk(0%, 58%, 74%, 14%)
Oklch
oklch(63.2% 0.168 36.1)

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

#E79544

Ginger · SandyBrown · Warm Sun

HEX
#E79544
RGB
rgb(231, 149, 68)
HSL
hsl(30, 77%, 59%)
HSB
hsb(30, 71%, 91%)
CMYK
cmyk(0%, 35%, 71%, 9%)
Oklch
oklch(73.9% 0.137 62.3)

Traditional「Ginger」· Paint「Warm Sun」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

1B1514
14191A

Analogous

1A1416
1B1514
1A1814

Triadic

1B1514
141A15
15141A

Split-Comp.

1B1514
141A18
14161A

Tetradic

1B1514
161A14
14191A
18141A

Contrast Matrix WCAG 2.1 Contrast

1B1514
5B1A12
D22F27
DC5C39
E79544
—
1.4
Fail
3.6
AA Large
4.8
AA
7.5
AAA
1.4
Fail
—
2.6
Fail
3.5
AA Large
5.5
AA
3.6
AA Large
2.6
Fail
—
1.3
Fail
2.1
Fail
4.8
AA
3.5
AA Large
1.3
Fail
—
1.6
Fail
7.5
AAA
5.5
AA
2.1
Fail
1.6
Fail
—
White BG
18.0AAA
13.1AAA
5.0AA
3.7AA Large
2.4Fail
Black BG
1.2Fail
1.6Fail
4.2AA Large
5.6AA
8.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

181814
3F3E14
8B8A29
A5A341
C3C358

Deuteranopia

191914
434814
95A129
ACB644
C8CE5C

Tritanopia

1B1414
581516
CA2A2B
D6484A
E3676A

Achromatopsia

171717
2D2D2D
5F5F5F
7E7E7E
A4A4A4

Shades & Tints Shades & Tints

#1B1514

Dark
Light

#5B1A12

Dark
Light

#D22F27

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #1b1514;
  --color-2: #5b1a12;
  --color-3: #d22f27;
  --color-4: #dc5c39;
  --color-5: #e79544;
}

SCSS

$color-1: #1b1514;
$color-2: #5b1a12;
$color-3: #d22f27;
$color-4: #dc5c39;
$color-5: #e79544;

TAILWIND

colors: {
  'brand-1': '#1b1514',
  'brand-2': '#5b1a12',
  'brand-3': '#d22f27',
  'brand-4': '#dc5c39',
  'brand-5': '#e79544',
}

RGB Array

[27, 21, 20], [91, 26, 18], [210, 47, 39], [220, 92, 57], [231, 149, 68]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This luxury-style palette of #1B1514, #5B1A12, #D22F27, #DC5C39, #E79544 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: #1b1514; --color-2: #5b1a12; --color-3: #d22f27; --color-4: #dc5c39; --color-5: #e79544. 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 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