← Back to Editor

#410F45 · #200430 · #824141 · #DDC8A2 · #8A4B5F

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

#410F45

Royal Purple · MidnightBlue · Dark Purple

HEX
#410F45
RGB
rgb(65, 15, 69)
HSL
hsl(296, 64%, 16%)
HSB
hsb(296, 78%, 27%)
CMYK
cmyk(6%, 78%, 0%, 73%)
Oklch
oklch(28.0% 0.106 324.7)

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

#200430

Royal Purple · Black · Dark Purple

HEX
#200430
RGB
rgb(32, 4, 48)
HSL
hsl(278, 85%, 10%)
HSB
hsb(278, 92%, 19%)
CMYK
cmyk(33%, 92%, 0%, 81%)
Oklch
oklch(19.3% 0.085 310.0)

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

#824141

Crimson · Sienna · Wine Red

HEX
#824141
RGB
rgb(130, 65, 65)
HSL
hsl(0, 33%, 38%)
HSB
hsb(0, 50%, 51%)
CMYK
cmyk(0%, 50%, 50%, 49%)
Oklch
oklch(45.7% 0.090 21.2)

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

#DDC8A2

Goose Yellow · BurlyWood · Warm Sun

HEX
#DDC8A2
RGB
rgb(221, 200, 162)
HSL
hsl(39, 46%, 75%)
HSB
hsb(39, 27%, 87%)
CMYK
cmyk(0%, 10%, 27%, 13%)
Oklch
oklch(84.1% 0.056 82.3)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#8A4B5F

Dark Violet · DimGray · Camellia

HEX
#8A4B5F
RGB
rgb(138, 75, 95)
HSL
hsl(341, 30%, 42%)
HSB
hsb(341, 46%, 54%)
CMYK
cmyk(0%, 46%, 31%, 46%)
Oklch
oklch(49.4% 0.088 0.5)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

410F45
12430F

Analogous

250F43
410F45
430F2C

Triadic

410F45
433F0F
0F433F

Split-Comp.

410F45
2C430F
0F4325

Tetradic

410F45
43250F
12430F
0F2C43

Contrast Matrix WCAG 2.1 Contrast

410F45
200430
824141
DDC8A2
8A4B5F
—
1.2
Fail
2.0
Fail
9.3
AAA
2.4
Fail
1.2
Fail
—
2.5
Fail
11.5
AAA
2.9
Fail
2.0
Fail
2.5
Fail
—
4.6
AA
1.2
Fail
9.3
AAA
11.5
AAA
4.6
AA
—
4.0
AA Large
2.4
Fail
2.9
Fail
1.2
Fail
4.0
AA Large
—
White BG
15.2AAA
18.7AAA
7.5AAA
1.6Fail
6.5AA
Black BG
1.4Fail
1.1Fail
2.8Fail
12.9AAA
3.3AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

2B2B38
141425
666541
D4D4AB
6F6E5A

Deuteranopia

2E3235
161823
6A6F41
D5D7AD
727759

Tritanopia

3F2E2B
1F1D1B
7F4141
DCB2B4
875656

Achromatopsia

242424
111111
545454
CACACA
606060

Shades & Tints Shades & Tints

#410F45

Dark
Light

#200430

Dark
Light

#824141

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #410f45;
  --color-2: #200430;
  --color-3: #824141;
  --color-4: #ddc8a2;
  --color-5: #8a4b5f;
}

SCSS

$color-1: #410f45;
$color-2: #200430;
$color-3: #824141;
$color-4: #ddc8a2;
$color-5: #8a4b5f;

TAILWIND

colors: {
  'brand-1': '#410f45',
  'brand-2': '#200430',
  'brand-3': '#824141',
  'brand-4': '#ddc8a2',
  'brand-5': '#8a4b5f',
}

RGB Array

[65, 15, 69], [32, 4, 48], [130, 65, 65], [221, 200, 162], [138, 75, 95]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This luxury-style palette of #410F45, #200430, #824141, #DDC8A2, #8A4B5F 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: #410f45; --color-2: #200430; --color-3: #824141; --color-4: #ddc8a2; --color-5: #8a4b5f. 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