← Back to Editor

#7A0909 · #DE4133 · #FFAC78 · #FFFFFF · #5C6633

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

#7A0909

Vermilion · Maroon · Wine Red

HEX
#7A0909
RGB
rgb(122, 9, 9)
HSL
hsl(0, 86%, 26%)
HSB
hsb(0, 93%, 48%)
CMYK
cmyk(0%, 93%, 93%, 52%)
Oklch
oklch(36.9% 0.144 28.2)

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

#DE4133

Vermilion · Crimson · Passion Red

HEX
#DE4133
RGB
rgb(222, 65, 51)
HSL
hsl(5, 72%, 54%)
HSB
hsb(5, 77%, 87%)
CMYK
cmyk(0%, 71%, 77%, 13%)
Oklch
oklch(60.3% 0.196 29.2)

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

#FFAC78

Apricot · LightSalmon · Warm Sun

HEX
#FFAC78
RGB
rgb(255, 172, 120)
HSL
hsl(23, 100%, 74%)
HSB
hsb(23, 53%, 100%)
CMYK
cmyk(0%, 33%, 53%, 0%)
Oklch
oklch(81.4% 0.119 52.4)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#FFFFFF

Moonlight White · White · Cloud White

HEX
#FFFFFF
RGB
rgb(255, 255, 255)
HSL
hsl(0, 0%, 100%)
HSB
hsb(0, 0%, 100%)
CMYK
cmyk(0%, 0%, 0%, 0%)
Oklch
oklch(100.0% 0.000 89.9)

Traditional「Moonlight White」· Paint「Cloud White」· Creative Morning Mist

#5C6633

Grass Green · DarkOliveGreen · Forest Green

HEX
#5C6633
RGB
rgb(92, 102, 51)
HSL
hsl(72, 33%, 30%)
HSB
hsb(72, 50%, 40%)
CMYK
cmyk(10%, 0%, 50%, 60%)
Oklch
oklch(48.9% 0.074 118.4)

Traditional「Grass Green」· Paint「Forest Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

7A0909
097B7B

Analogous

7B0942
7A0909
7B4209

Triadic

7A0909
097B09
09097B

Split-Comp.

7A0909
097B42
09427B

Tetradic

7A0909
427B09
097B7B
42097B

Contrast Matrix WCAG 2.1 Contrast

7A0909
DE4133
FFAC78
FFFFFF
5C6633
—
2.6
Fail
6.1
AA
11.2
AAA
1.8
Fail
2.6
Fail
—
2.3
Fail
4.3
AA Large
1.4
Fail
6.1
AA
2.3
Fail
—
1.8
Fail
3.4
AA Large
11.2
AAA
4.3
AA Large
1.8
Fail
—
6.2
AA
1.8
Fail
1.4
Fail
3.4
AA Large
6.2
AA
—
White BG
11.2AAA
4.3AA Large
1.8Fail
1.0Fail
6.2AA
Black BG
1.9Fail
4.9AA
11.4AAA
21.0AAA
3.4AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

494809
9A9936
DBDA85
FFFFFF
60603F

Deuteranopia

505809
A3AF37
E0E688
FFFFFF
605F42

Tritanopia

740909
D6393A
FB8F91
FFFFFF
5C494B

Achromatopsia

2B2B2B
6E6E6E
BFBFBF
FFFFFF
5D5D5D

Shades & Tints Shades & Tints

#7A0909

Dark
Light

#DE4133

Dark
Light

#FFAC78

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #7a0909;
  --color-2: #de4133;
  --color-3: #ffac78;
  --color-4: #ffffff;
  --color-5: #5c6633;
}

SCSS

$color-1: #7a0909;
$color-2: #de4133;
$color-3: #ffac78;
$color-4: #ffffff;
$color-5: #5c6633;

TAILWIND

colors: {
  'brand-1': '#7a0909',
  'brand-2': '#de4133',
  'brand-3': '#ffac78',
  'brand-4': '#ffffff',
  'brand-5': '#5c6633',
}

RGB Array

[122, 9, 9], [222, 65, 51], [255, 172, 120], [255, 255, 255], [92, 102, 51]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This luxury-style palette of #7A0909, #DE4133, #FFAC78, #FFFFFF, #5C6633 is ideal for: 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: #7a0909; --color-2: #de4133; --color-3: #ffac78; --color-4: #ffffff; --color-5: #5c6633. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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