← Back to Editor

#C2AB13 · #050104 · #8F6885 · #687B8F · #B84E0D

luxury

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#C2AB13

Autumn Sage · GoldenRod · Honey Gold

HEX
#C2AB13
RGB
rgb(194, 171, 19)
HSL
hsl(52, 82%, 42%)
HSB
hsb(52, 90%, 76%)
CMYK
cmyk(0%, 12%, 90%, 24%)
Oklch
oklch(73.9% 0.150 99.3)

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

#050104

Rose Purple · Black · Dark Purple

HEX
#050104
RGB
rgb(5, 1, 4)
HSL
hsl(315, 67%, 1%)
HSB
hsb(315, 80%, 2%)
CMYK
cmyk(0%, 80%, 20%, 98%)
Oklch
oklch(8.9% 0.023 334.7)

Traditional「Rose Purple」· Paint「Dark Purple」· Creative Blush Sunrise

#8F6885

Rose Purple · Gray · Violet

HEX
#8F6885
RGB
rgb(143, 104, 133)
HSL
hsl(315, 16%, 48%)
HSB
hsb(315, 27%, 56%)
CMYK
cmyk(0%, 27%, 7%, 44%)
Oklch
oklch(56.7% 0.065 336.0)

Traditional「Rose Purple」· Paint「Violet」· Creative Blush Sunrise

#687B8F

Indigo · SlateGray · Navy Blue

HEX
#687B8F
RGB
rgb(104, 123, 143)
HSL
hsl(211, 16%, 48%)
HSB
hsb(211, 27%, 56%)
CMYK
cmyk(27%, 14%, 0%, 44%)
Oklch
oklch(57.5% 0.038 249.8)

Traditional「Indigo」· Paint「Navy Blue」· Creative Blush Sunrise

#B84E0D

Tangerine · Sienna · Amber Brown

HEX
#B84E0D
RGB
rgb(184, 78, 13)
HSL
hsl(23, 87%, 39%)
HSB
hsb(23, 93%, 72%)
CMYK
cmyk(0%, 58%, 93%, 28%)
Oklch
oklch(55.4% 0.153 45.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C2AB13
132BC3

Analogous

C35413
C2AB13
83C313

Triadic

C2AB13
13C3AC
AC13C3

Split-Comp.

C2AB13
1383C3
5413C3

Tetradic

C2AB13
13C354
132BC3
C31383

Contrast Matrix WCAG 2.1 Contrast

C2AB13
050104
8F6885
687B8F
B84E0D
—
9.0
AAA
2.0
Fail
1.9
Fail
2.2
Fail
9.0
AAA
—
4.4
AA Large
4.8
AA
4.1
AA Large
2.0
Fail
4.4
AA Large
—
1.1
Fail
1.1
Fail
1.9
Fail
4.8
AA
1.1
Fail
—
1.2
Fail
2.2
Fail
4.1
AA Large
1.1
Fail
1.2
Fail
—
White BG
2.3Fail
20.7AAA
4.7AA
4.4AA Large
5.1AA
Black BG
9.1AAA
1.0Fail
4.5AA Large
4.8AA
4.1AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

B8B838
030303
7E7E7E
70708A
8A891D

Deuteranopia

B9BB41
040403
80837C
6F6E89
909821

Tritanopia

C1555B
050303
8D7877
698686
B3292C

Achromatopsia

A1A1A1
030303
777777
787878
666666

Shades & Tints Shades & Tints

#C2AB13

Dark
Light

#050104

Dark
Light

#8F6885

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c2ab13;
  --color-2: #050104;
  --color-3: #8f6885;
  --color-4: #687b8f;
  --color-5: #b84e0d;
}

SCSS

$color-1: #c2ab13;
$color-2: #050104;
$color-3: #8f6885;
$color-4: #687b8f;
$color-5: #b84e0d;

TAILWIND

colors: {
  'brand-1': '#c2ab13',
  'brand-2': '#050104',
  'brand-3': '#8f6885',
  'brand-4': '#687b8f',
  'brand-5': '#b84e0d',
}

RGB Array

[194, 171, 19], [5, 1, 4], [143, 104, 133], [104, 123, 143], [184, 78, 13]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This luxury-style palette of #C2AB13, #050104, #8F6885, #687B8F, #B84E0D 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: #c2ab13; --color-2: #050104; --color-3: #8f6885; --color-4: #687b8f; --color-5: #b84e0d. 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