← Back to Editor

#D84800 · #D81800 · #A81800 · #780000 · #601800

luxury

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#D84800

Tangerine · OrangeRed · Amber Brown

HEX
#D84800
RGB
rgb(216, 72, 0)
HSL
hsl(20, 100%, 42%)
HSB
hsb(20, 100%, 85%)
CMYK
cmyk(0%, 67%, 100%, 15%)
Oklch
oklch(59.8% 0.191 39.2)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

#D81800

Vermilion · Red · Passion Red

HEX
#D81800
RGB
rgb(216, 24, 0)
HSL
hsl(7, 100%, 42%)
HSB
hsb(7, 100%, 85%)
CMYK
cmyk(0%, 89%, 100%, 15%)
Oklch
oklch(56.1% 0.221 30.6)

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

#A81800

Vermilion · FireBrick · Wine Red

HEX
#A81800
RGB
rgb(168, 24, 0)
HSL
hsl(9, 100%, 33%)
HSB
hsb(9, 100%, 66%)
CMYK
cmyk(0%, 86%, 100%, 34%)
Oklch
oklch(46.9% 0.180 31.6)

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

#780000

Vermilion · Maroon · Wine Red

HEX
#780000
RGB
rgb(120, 0, 0)
HSL
hsl(0, 100%, 24%)
HSB
hsb(0, 100%, 47%)
CMYK
cmyk(0%, 100%, 100%, 53%)
Oklch
oklch(36.0% 0.148 29.2)

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

#601800

Tangerine · Maroon · Cinnamon

HEX
#601800
RGB
rgb(96, 24, 0)
HSL
hsl(15, 100%, 19%)
HSB
hsb(15, 100%, 38%)
CMYK
cmyk(0%, 75%, 100%, 62%)
Oklch
oklch(32.7% 0.109 37.4)

Traditional「Tangerine」· Paint「Cinnamon」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D84800
008FD6

Analogous

D60024
D84800
D6B200

Triadic

D84800
00D647
4700D6

Split-Comp.

D84800
00D6B3
0024D6

Tetradic

D84800
24D600
008FD6
B200D6

Contrast Matrix WCAG 2.1 Contrast

D84800
D81800
A81800
780000
601800
—
1.2
Fail
1.7
Fail
2.7
Fail
3.0
Fail
1.2
Fail
—
1.4
Fail
2.3
Fail
2.5
Fail
1.7
Fail
1.4
Fail
—
1.6
Fail
1.7
Fail
2.7
Fail
2.3
Fail
1.6
Fail
—
1.1
Fail
3.0
Fail
2.5
Fail
1.7
Fail
1.1
Fail
—
White BG
4.3AA Large
5.2AA
7.5AAA
11.7AAA
12.9AAA
Black BG
4.8AA
4.1AA Large
2.8Fail
1.8Fail
1.6Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

9A9811
858306
6A6806
444300
414006

Deuteranopia

A2AD16
909E07
727D07
4B5400
454A07

Tritanopia

D11F22
CE0A0B
A10A0B
720000
5C0A0B

Achromatopsia

6B6B6B
4F4F4F
404040
242424
2B2B2B

Shades & Tints Shades & Tints

#D84800

Dark
Light

#D81800

Dark
Light

#A81800

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d84800;
  --color-2: #d81800;
  --color-3: #a81800;
  --color-4: #780000;
  --color-5: #601800;
}

SCSS

$color-1: #d84800;
$color-2: #d81800;
$color-3: #a81800;
$color-4: #780000;
$color-5: #601800;

TAILWIND

colors: {
  'brand-1': '#d84800',
  'brand-2': '#d81800',
  'brand-3': '#a81800',
  'brand-4': '#780000',
  'brand-5': '#601800',
}

RGB Array

[216, 72, 0], [216, 24, 0], [168, 24, 0], [120, 0, 0], [96, 24, 0]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This luxury-style palette of #D84800, #D81800, #A81800, #780000, #601800 is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs. Vivid colors effectively attract user attention. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #d84800; --color-2: #d81800; --color-3: #a81800; --color-4: #780000; --color-5: #601800. 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 food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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