← Back to Editor

#F6BA0E · #912E71 · #664442 · #C19ED6 · #F0E2C7

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

#F6BA0E

Ginger · Orange · Sunflower

HEX
#F6BA0E
RGB
rgb(246, 186, 14)
HSL
hsl(44, 93%, 51%)
HSB
hsb(44, 94%, 96%)
CMYK
cmyk(0%, 24%, 94%, 4%)
Oklch
oklch(82.1% 0.167 84.7)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

#912E71

Rose Purple · Purple · Eggplant

HEX
#912E71
RGB
rgb(145, 46, 113)
HSL
hsl(319, 52%, 37%)
HSB
hsb(319, 68%, 57%)
CMYK
cmyk(0%, 68%, 22%, 43%)
Oklch
oklch(47.1% 0.152 343.1)

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

#664442

Crimson · DarkOliveGreen · Wine Red

HEX
#664442
RGB
rgb(102, 68, 66)
HSL
hsl(3, 21%, 33%)
HSB
hsb(3, 35%, 40%)
CMYK
cmyk(0%, 33%, 35%, 60%)
Oklch
oklch(42.4% 0.048 23.0)

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

#C19ED6

Lilac · Silver · Lilac Purple

HEX
#C19ED6
RGB
rgb(193, 158, 214)
HSL
hsl(278, 41%, 73%)
HSB
hsb(278, 26%, 84%)
CMYK
cmyk(10%, 26%, 0%, 16%)
Oklch
oklch(75.0% 0.087 312.5)

Traditional「Lilac」· Paint「Lilac Purple」· Creative Lavender Dream

#F0E2C7

Goose Yellow · Bisque · Lemon Cream

HEX
#F0E2C7
RGB
rgb(240, 226, 199)
HSL
hsl(40, 58%, 86%)
HSB
hsb(40, 17%, 94%)
CMYK
cmyk(0%, 6%, 17%, 6%)
Oklch
oklch(91.7% 0.039 83.8)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F6BA0E
0E4CF6

Analogous

F6440E
F6BA0E
C0F60E

Triadic

F6BA0E
0EF6B8
B80EF6

Split-Comp.

F6BA0E
0EC0F6
440EF6

Tetradic

F6BA0E
0EF644
0E4CF6
F60EC0

Contrast Matrix WCAG 2.1 Contrast

F6BA0E
912E71
664442
C19ED6
F0E2C7
—
4.2
AA Large
4.8
AA
1.3
Fail
1.4
Fail
4.2
AA Large
—
1.1
Fail
3.2
AA Large
5.8
AA
4.8
AA
1.1
Fail
—
3.7
AA Large
6.6
AA
1.3
Fail
3.2
AA Large
3.7
AA Large
—
1.8
Fail
1.4
Fail
5.8
AA
6.6
AA
1.8
Fail
—
White BG
1.8Fail
7.4AAA
8.5AAA
2.3Fail
1.3Fail
Black BG
11.9AAA
2.8Fail
2.5Fail
9.1AAA
16.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

DCDB38
666561
575742
B2B2C8
EAEACE

Deuteranopia

E0E442
6C735D
595C43
B4B7C5
EBECCF

Tritanopia

F35860
8C5451
644343
BFBEBB
EFD3D4

Achromatopsia

B8B8B8
535353
4E4E4E
AFAFAF
E3E3E3

Shades & Tints Shades & Tints

#F6BA0E

Dark
Light

#912E71

Dark
Light

#664442

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f6ba0e;
  --color-2: #912e71;
  --color-3: #664442;
  --color-4: #c19ed6;
  --color-5: #f0e2c7;
}

SCSS

$color-1: #f6ba0e;
$color-2: #912e71;
$color-3: #664442;
$color-4: #c19ed6;
$color-5: #f0e2c7;

TAILWIND

colors: {
  'brand-1': '#f6ba0e',
  'brand-2': '#912e71',
  'brand-3': '#664442',
  'brand-4': '#c19ed6',
  'brand-5': '#f0e2c7',
}

RGB Array

[246, 186, 14], [145, 46, 113], [102, 68, 66], [193, 158, 214], [240, 226, 199]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This luxury-style palette of #F6BA0E, #912E71, #664442, #C19ED6, #F0E2C7 is ideal for: 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: #f6ba0e; --color-2: #912e71; --color-3: #664442; --color-4: #c19ed6; --color-5: #f0e2c7. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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