← Back to Editor

#3F1F47 · #671C78 · #B73DD9 · #ABA311 · #D9CF16

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

#3F1F47

Dark Plum · DarkSlateGray · Dark Purple

HEX
#3F1F47
RGB
rgb(63, 31, 71)
HSL
hsl(288, 39%, 20%)
HSB
hsb(288, 56%, 28%)
CMYK
cmyk(11%, 56%, 0%, 72%)
Oklch
oklch(30.2% 0.080 319.3)

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

#671C78

Royal Purple · Purple · Eggplant

HEX
#671C78
RGB
rgb(103, 28, 120)
HSL
hsl(289, 62%, 29%)
HSB
hsb(289, 77%, 47%)
CMYK
cmyk(14%, 77%, 0%, 53%)
Oklch
oklch(39.0% 0.156 319.4)

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

#B73DD9

Royal Purple · MediumOrchid · Violet

HEX
#B73DD9
RGB
rgb(183, 61, 217)
HSL
hsl(287, 67%, 55%)
HSB
hsb(287, 72%, 85%)
CMYK
cmyk(16%, 72%, 0%, 15%)
Oklch
oklch(60.0% 0.237 317.8)

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

#ABA311

Autumn Sage · DarkGoldenRod · Honey Gold

HEX
#ABA311
RGB
rgb(171, 163, 17)
HSL
hsl(57, 82%, 37%)
HSB
hsb(57, 90%, 67%)
CMYK
cmyk(0%, 5%, 90%, 33%)
Oklch
oklch(70.0% 0.146 106.0)

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

#D9CF16

Autumn Sage · GoldenRod · Honey Gold

HEX
#D9CF16
RGB
rgb(217, 207, 22)
HSL
hsl(57, 82%, 47%)
HSB
hsb(57, 90%, 85%)
CMYK
cmyk(0%, 5%, 90%, 15%)
Oklch
oklch(83.6% 0.175 106.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

3F1F47
27471F

Analogous

2B1F47
3F1F47
471F3B

Triadic

3F1F47
473F1F
1F473F

Split-Comp.

3F1F47
3B471F
1F472B

Tetradic

3F1F47
472B1F
27471F
1F3B47

Contrast Matrix WCAG 2.1 Contrast

3F1F47
671C78
B73DD9
ABA311
D9CF16
—
1.3
Fail
3.1
AA Large
5.3
AA
8.6
AAA
1.3
Fail
—
2.3
Fail
4.0
AA Large
6.4
AA
3.1
AA Large
2.3
Fail
—
1.7
Fail
2.8
Fail
5.3
AA
4.0
AA Large
1.7
Fail
—
1.6
Fail
8.6
AAA
6.4
AA
2.8
Fail
1.6
Fail
—
White BG
14.0AAA
10.4AAA
4.5AA Large
2.6Fail
1.6Fail
Black BG
1.5Fail
2.0Fail
4.7AA
8.0AAA
12.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

31313D
474662
8281B3
A8A734
D5D543

Deuteranopia

33353B
4B515C
8992AA
A8A93D
D5D64E

Tritanopia

3D3634
63504C
B1958F
AB5056
D8666E

Achromatopsia

2D2D2D
3D3D3D
737373
959595
BDBDBD

Shades & Tints Shades & Tints

#3F1F47

Dark
Light

#671C78

Dark
Light

#B73DD9

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #3f1f47;
  --color-2: #671c78;
  --color-3: #b73dd9;
  --color-4: #aba311;
  --color-5: #d9cf16;
}

SCSS

$color-1: #3f1f47;
$color-2: #671c78;
$color-3: #b73dd9;
$color-4: #aba311;
$color-5: #d9cf16;

TAILWIND

colors: {
  'brand-1': '#3f1f47',
  'brand-2': '#671c78',
  'brand-3': '#b73dd9',
  'brand-4': '#aba311',
  'brand-5': '#d9cf16',
}

RGB Array

[63, 31, 71], [103, 28, 120], [183, 61, 217], [171, 163, 17], [217, 207, 22]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This luxury-style palette of #3F1F47, #671C78, #B73DD9, #ABA311, #D9CF16 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: #3f1f47; --color-2: #671c78; --color-3: #b73dd9; --color-4: #aba311; --color-5: #d9cf16. 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