← Back to Editor

#481D30 · #6E1F61 · #6B3581 · #FA702F · #F43E0C

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

#481D30

Dark Violet · DarkSlateGray · Raspberry

HEX
#481D30
RGB
rgb(72, 29, 48)
HSL
hsl(333, 43%, 20%)
HSB
hsb(333, 60%, 28%)
CMYK
cmyk(0%, 60%, 33%, 72%)
Oklch
oklch(30.0% 0.070 354.4)

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

#6E1F61

Rose Purple · Purple · Eggplant

HEX
#6E1F61
RGB
rgb(110, 31, 97)
HSL
hsl(310, 56%, 28%)
HSB
hsb(310, 72%, 43%)
CMYK
cmyk(0%, 72%, 12%, 57%)
Oklch
oklch(39.0% 0.136 335.2)

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

#6B3581

Dark Plum · DarkSlateBlue · Eggplant

HEX
#6B3581
RGB
rgb(107, 53, 129)
HSL
hsl(283, 42%, 36%)
HSB
hsb(283, 59%, 51%)
CMYK
cmyk(17%, 59%, 0%, 49%)
Oklch
oklch(43.3% 0.131 315.1)

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

#FA702F

Tangerine · Tomato · Warm Sun

HEX
#FA702F
RGB
rgb(250, 112, 47)
HSL
hsl(19, 95%, 58%)
HSB
hsb(19, 81%, 98%)
CMYK
cmyk(0%, 55%, 81%, 2%)
Oklch
oklch(70.3% 0.185 42.8)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#F43E0C

Vermilion · OrangeRed · Passion Red

HEX
#F43E0C
RGB
rgb(244, 62, 12)
HSL
hsl(13, 91%, 50%)
HSB
hsb(13, 95%, 96%)
CMYK
cmyk(0%, 75%, 95%, 4%)
Oklch
oklch(63.6% 0.224 34.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

481D30
1D4935

Analogous

491D47
481D30
491F1D

Triadic

481D30
31491D
1D3149

Split-Comp.

481D30
1D491F
1D4749

Tetradic

481D30
47491D
1D4935
1F1D49

Contrast Matrix WCAG 2.1 Contrast

481D30
6E1F61
6B3581
FA702F
F43E0C
—
1.4
Fail
1.6
Fail
5.0
AA
3.7
AA Large
1.4
Fail
—
1.2
Fail
3.7
AA Large
2.7
Fail
1.6
Fail
1.2
Fail
—
3.0
AA Large
2.3
Fail
5.0
AA
3.7
AA Large
3.0
AA Large
—
1.3
Fail
3.7
AA Large
2.7
Fail
2.3
Fail
1.3
Fail
—
White BG
14.1AAA
10.3AAA
8.6AAA
2.8Fail
3.8AA Large
Black BG
1.5Fail
2.0Fail
2.5Fail
7.4AAA
5.5AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

35352B
4C4B51
54536F
BEBD3F
A5A418

Deuteranopia

383B2A
50564D
575B6A
C6D143
B0BD1B

Tritanopia

462827
6A4442
68605D
F34B4E
EB2224

Achromatopsia

2C2C2C
3E3E3E
4E4E4E
929292
6F6F6F

Shades & Tints Shades & Tints

#481D30

Dark
Light

#6E1F61

Dark
Light

#6B3581

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #481d30;
  --color-2: #6e1f61;
  --color-3: #6b3581;
  --color-4: #fa702f;
  --color-5: #f43e0c;
}

SCSS

$color-1: #481d30;
$color-2: #6e1f61;
$color-3: #6b3581;
$color-4: #fa702f;
$color-5: #f43e0c;

TAILWIND

colors: {
  'brand-1': '#481d30',
  'brand-2': '#6e1f61',
  'brand-3': '#6b3581',
  'brand-4': '#fa702f',
  'brand-5': '#f43e0c',
}

RGB Array

[72, 29, 48], [110, 31, 97], [107, 53, 129], [250, 112, 47], [244, 62, 12]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This luxury-style palette of #481D30, #6E1F61, #6B3581, #FA702F, #F43E0C 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: #481d30; --color-2: #6e1f61; --color-3: #6b3581; --color-4: #fa702f; --color-5: #f43e0c. 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