← Back to Editor

#961116 · #C72928 · #5D1111 · #212203 · #68854F

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

#961116

Vermilion · DarkRed · Wine Red

HEX
#961116
RGB
rgb(150, 17, 22)
HSL
hsl(358, 80%, 33%)
HSB
hsb(358, 89%, 59%)
CMYK
cmyk(0%, 89%, 85%, 41%)
Oklch
oklch(43.1% 0.165 26.6)

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

#C72928

Vermilion · FireBrick · Passion Red

HEX
#C72928
RGB
rgb(199, 41, 40)
HSL
hsl(0, 67%, 47%)
HSB
hsb(0, 80%, 78%)
CMYK
cmyk(0%, 79%, 80%, 22%)
Oklch
oklch(54.1% 0.194 26.9)

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

#5D1111

Vermilion · Maroon · Wine Red

HEX
#5D1111
RGB
rgb(93, 17, 17)
HSL
hsl(0, 69%, 22%)
HSB
hsb(0, 82%, 36%)
CMYK
cmyk(0%, 82%, 82%, 64%)
Oklch
oklch(31.6% 0.108 26.0)

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

#212203

Autumn Sage · Black · Amber Gold

HEX
#212203
RGB
rgb(33, 34, 3)
HSL
hsl(62, 84%, 7%)
HSB
hsb(62, 91%, 13%)
CMYK
cmyk(3%, 0%, 91%, 87%)
Oklch
oklch(24.3% 0.049 111.3)

Traditional「Autumn Sage」· Paint「Amber Gold」· Creative Blush Sunrise

#68854F

Celadon · DimGray · Olive Green

HEX
#68854F
RGB
rgb(104, 133, 79)
HSL
hsl(92, 25%, 42%)
HSB
hsb(92, 41%, 52%)
CMYK
cmyk(22%, 0%, 41%, 48%)
Oklch
oklch(58.0% 0.085 131.6)

Traditional「Celadon」· Paint「Olive Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

961116
119793

Analogous

971159
961116
975011

Triadic

961116
159711
111597

Split-Comp.

961116
119750
115997

Tetradic

961116
599711
119793
501197

Contrast Matrix WCAG 2.1 Contrast

961116
C72928
5D1111
212203
68854F
—
1.6
Fail
1.5
Fail
1.8
Fail
2.1
Fail
1.6
Fail
—
2.4
Fail
2.9
Fail
1.3
Fail
1.5
Fail
2.4
Fail
—
1.2
Fail
3.3
AA Large
1.8
Fail
2.9
Fail
1.2
Fail
—
3.9
AA Large
2.1
Fail
1.3
Fail
3.3
AA Large
3.9
AA Large
—
White BG
8.8AAA
5.6AA
13.5AAA
16.2AAA
4.2AA Large
Black BG
2.4Fail
3.8AA Large
1.6Fail
1.3Fail
5.1AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

5C5B15
838128
3C3B11
21210B
75755C

Deuteranopia

646E15
8C9828
414611
21210C
73715F

Tritanopia

8F1414
BF2828
591111
211012
696669

Achromatopsia

393939
585858
282828
1E1E1E
767676

Shades & Tints Shades & Tints

#961116

Dark
Light

#C72928

Dark
Light

#5D1111

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #961116;
  --color-2: #c72928;
  --color-3: #5d1111;
  --color-4: #212203;
  --color-5: #68854f;
}

SCSS

$color-1: #961116;
$color-2: #c72928;
$color-3: #5d1111;
$color-4: #212203;
$color-5: #68854f;

TAILWIND

colors: {
  'brand-1': '#961116',
  'brand-2': '#c72928',
  'brand-3': '#5d1111',
  'brand-4': '#212203',
  'brand-5': '#68854f',
}

RGB Array

[150, 17, 22], [199, 41, 40], [93, 17, 17], [33, 34, 3], [104, 133, 79]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This luxury-style palette of #961116, #C72928, #5D1111, #212203, #68854F 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: #961116; --color-2: #c72928; --color-3: #5d1111; --color-4: #212203; --color-5: #68854f. 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