← Back to Editor

#271429 · #510E24 · #EE4530 · #DECB0C · #9FAD6C

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 AppData Visualization

Color Details Color Details

#271429

Dark Plum · Black · Dark Purple

HEX
#271429
RGB
rgb(39, 20, 41)
HSL
hsl(294, 34%, 12%)
HSB
hsb(294, 51%, 16%)
CMYK
cmyk(5%, 51%, 0%, 84%)
Oklch
oklch(22.8% 0.048 323.5)

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

#510E24

Dark Violet · Maroon · Raspberry

HEX
#510E24
RGB
rgb(81, 14, 36)
HSL
hsl(340, 71%, 19%)
HSB
hsb(340, 83%, 32%)
CMYK
cmyk(0%, 83%, 56%, 68%)
Oklch
oklch(29.3% 0.099 6.4)

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

#EE4530

Vermilion · Tomato · Passion Red

HEX
#EE4530
RGB
rgb(238, 69, 48)
HSL
hsl(7, 85%, 56%)
HSB
hsb(7, 80%, 93%)
CMYK
cmyk(0%, 71%, 80%, 7%)
Oklch
oklch(63.4% 0.209 30.6)

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

#DECB0C

Autumn Sage · Gold · Honey Gold

HEX
#DECB0C
RGB
rgb(222, 203, 12)
HSL
hsl(55, 90%, 46%)
HSB
hsb(55, 95%, 87%)
CMYK
cmyk(0%, 9%, 95%, 13%)
Oklch
oklch(83.2% 0.173 102.6)

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

#9FAD6C

Grass Green · DarkSeaGreen · Olive Green

HEX
#9FAD6C
RGB
rgb(159, 173, 108)
HSL
hsl(73, 28%, 55%)
HSB
hsb(73, 38%, 68%)
CMYK
cmyk(8%, 0%, 38%, 32%)
Oklch
oklch(72.1% 0.089 118.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

271429
162914

Analogous

1D1429
271429
291421

Triadic

271429
292714
142927

Split-Comp.

271429
212914
14291D

Tetradic

271429
291D14
162914
142129

Contrast Matrix WCAG 2.1 Contrast

271429
510E24
EE4530
DECB0C
9FAD6C
—
1.2
Fail
4.5
AA
10.4
AAA
7.1
AAA
1.2
Fail
—
3.8
AA Large
8.8
AAA
6.0
AA
4.5
AA
3.8
AA Large
—
2.3
Fail
1.6
Fail
10.4
AAA
8.8
AAA
2.3
Fail
—
1.5
Fail
7.1
AAA
6.0
AA
1.6
Fail
1.5
Fail
—
White BG
17.2AAA
14.6AAA
3.8AA Large
1.7Fail
2.4Fail
Black BG
1.2Fail
1.4Fail
5.5AA
12.7AAA
8.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

1F1F24
34331F
A5A335
D6D63A
A5A57C

Deuteranopia

202123
383D1D
AFBB36
D7D845
A4A380

Tritanopia

26201F
4E1A1A
E6393A
DD5F67
A0888B

Achromatopsia

1C1C1C
252525
757575
BBBBBB
A1A1A1

Shades & Tints Shades & Tints

#271429

Dark
Light

#510E24

Dark
Light

#EE4530

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #271429;
  --color-2: #510e24;
  --color-3: #ee4530;
  --color-4: #decb0c;
  --color-5: #9fad6c;
}

SCSS

$color-1: #271429;
$color-2: #510e24;
$color-3: #ee4530;
$color-4: #decb0c;
$color-5: #9fad6c;

TAILWIND

colors: {
  'brand-1': '#271429',
  'brand-2': '#510e24',
  'brand-3': '#ee4530',
  'brand-4': '#decb0c',
  'brand-5': '#9fad6c',
}

RGB Array

[39, 20, 41], [81, 14, 36], [238, 69, 48], [222, 203, 12], [159, 173, 108]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This luxury-style palette of #271429, #510E24, #EE4530, #DECB0C, #9FAD6C is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. 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: #271429; --color-2: #510e24; --color-3: #ee4530; --color-4: #decb0c; --color-5: #9fad6c. 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 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