← Back to Editor

#270C3A · #C8D60A · #E6EE79 · #630B5C · #8D2E88

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

#270C3A

Royal Purple · MidnightBlue · Dark Purple

HEX
#270C3A
RGB
rgb(39, 12, 58)
HSL
hsl(275, 66%, 14%)
HSB
hsb(275, 79%, 23%)
CMYK
cmyk(33%, 79%, 0%, 77%)
Oklch
oklch(22.6% 0.086 307.8)

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

#C8D60A

Autumn Sage · Gold · Honey Gold

HEX
#C8D60A
RGB
rgb(200, 214, 10)
HSL
hsl(64, 91%, 44%)
HSB
hsb(64, 95%, 84%)
CMYK
cmyk(7%, 0%, 95%, 16%)
Oklch
oklch(83.7% 0.187 114.5)

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

#E6EE79

Fresh Green · Khaki · Sunflower

HEX
#E6EE79
RGB
rgb(230, 238, 121)
HSL
hsl(64, 77%, 70%)
HSB
hsb(64, 49%, 93%)
CMYK
cmyk(3%, 0%, 49%, 7%)
Oklch
oklch(91.9% 0.141 112.3)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

#630B5C

Rose Purple · Purple · Eggplant

HEX
#630B5C
RGB
rgb(99, 11, 92)
HSL
hsl(305, 80%, 22%)
HSB
hsb(305, 89%, 39%)
CMYK
cmyk(0%, 89%, 7%, 61%)
Oklch
oklch(35.2% 0.148 332.0)

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

#8D2E88

Rose Purple · DarkMagenta · Eggplant

HEX
#8D2E88
RGB
rgb(141, 46, 136)
HSL
hsl(303, 51%, 37%)
HSB
hsb(303, 67%, 55%)
CMYK
cmyk(0%, 67%, 4%, 45%)
Oklch
oklch(47.6% 0.167 330.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

270C3A
203B0C

Analogous

100C3B
270C3A
3B0C37

Triadic

270C3A
3B280C
0C3B28

Split-Comp.

270C3A
373B0C
0C3B10

Tetradic

270C3A
3B100C
203B0C
0C373B

Contrast Matrix WCAG 2.1 Contrast

270C3A
C8D60A
E6EE79
630B5C
8D2E88
—
10.9
AAA
14.1
AAA
1.4
Fail
2.4
Fail
10.9
AAA
—
1.3
Fail
7.5
AAA
4.5
AA
14.1
AAA
1.3
Fail
—
9.7
AAA
5.9
AA
1.4
Fail
7.5
AAA
9.7
AAA
—
1.7
Fail
2.4
Fail
4.5
AA
5.9
AA
1.7
Fail
—
White BG
17.5AAA
1.6Fail
1.2Fail
12.1AAA
7.3AAA
Black BG
1.2Fail
13.1AAA
16.9AAA
1.7Fail
2.9Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

1B1B2F
CECE3B
E9EA95
3D3C48
646372

Deuteranopia

1D1F2C
CDCC47
E9E89C
424944
69706D

Tritanopia

262624
C9626B
E6ACB1
5F3936
88615D

Achromatopsia

191919
BBBBBB
DEDEDE
2F2F2F
555555

Shades & Tints Shades & Tints

#270C3A

Dark
Light

#C8D60A

Dark
Light

#E6EE79

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #270c3a;
  --color-2: #c8d60a;
  --color-3: #e6ee79;
  --color-4: #630b5c;
  --color-5: #8d2e88;
}

SCSS

$color-1: #270c3a;
$color-2: #c8d60a;
$color-3: #e6ee79;
$color-4: #630b5c;
$color-5: #8d2e88;

TAILWIND

colors: {
  'brand-1': '#270c3a',
  'brand-2': '#c8d60a',
  'brand-3': '#e6ee79',
  'brand-4': '#630b5c',
  'brand-5': '#8d2e88',
}

RGB Array

[39, 12, 58], [200, 214, 10], [230, 238, 121], [99, 11, 92], [141, 46, 136]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This luxury-style palette of #270C3A, #C8D60A, #E6EE79, #630B5C, #8D2E88 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: #270c3a; --color-2: #c8d60a; --color-3: #e6ee79; --color-4: #630b5c; --color-5: #8d2e88. 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