← Back to Editor

#B3A313 · #CEBF56 · #E8DB97 · #B46E68 · #800137

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

#B3A313

Autumn Sage · DarkGoldenRod · Honey Gold

HEX
#B3A313
RGB
rgb(179, 163, 19)
HSL
hsl(54, 81%, 39%)
HSB
hsb(54, 89%, 70%)
CMYK
cmyk(0%, 9%, 89%, 30%)
Oklch
oklch(70.8% 0.144 102.1)

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

#CEBF56

Autumn Sage · SandyBrown · Sunflower

HEX
#CEBF56
RGB
rgb(206, 191, 86)
HSL
hsl(53, 55%, 57%)
HSB
hsb(53, 58%, 81%)
CMYK
cmyk(0%, 7%, 58%, 19%)
Oklch
oklch(79.7% 0.127 101.2)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#E8DB97

Fresh Green · Khaki · Sunflower

HEX
#E8DB97
RGB
rgb(232, 219, 151)
HSL
hsl(50, 64%, 75%)
HSB
hsb(50, 35%, 91%)
CMYK
cmyk(0%, 6%, 35%, 9%)
Oklch
oklch(88.6% 0.088 98.7)

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

#B46E68

Crimson · Gray · Passion Red

HEX
#B46E68
RGB
rgb(180, 110, 104)
HSL
hsl(5, 34%, 56%)
HSB
hsb(5, 42%, 71%)
CMYK
cmyk(0%, 39%, 42%, 29%)
Oklch
oklch(61.3% 0.090 25.3)

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

#800137

Dark Violet · Maroon · Raspberry

HEX
#800137
RGB
rgb(128, 1, 55)
HSL
hsl(334, 98%, 25%)
HSB
hsb(334, 99%, 50%)
CMYK
cmyk(0%, 99%, 57%, 50%)
Oklch
oklch(38.6% 0.154 6.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B3A313
1323B4

Analogous

B45313
B3A313
74B413

Triadic

B3A313
13B4A4
A413B4

Split-Comp.

B3A313
1374B4
5313B4

Tetradic

B3A313
13B453
1323B4
B41374

Contrast Matrix WCAG 2.1 Contrast

B3A313
CEBF56
E8DB97
B46E68
800137
—
1.4
Fail
1.8
Fail
1.5
Fail
4.1
AA Large
1.4
Fail
—
1.3
Fail
2.1
Fail
5.7
AA
1.8
Fail
1.3
Fail
—
2.8
Fail
7.6
AAA
1.5
Fail
2.1
Fail
2.8
Fail
—
2.7
Fail
4.1
AA Large
5.7
AA
7.6
AAA
2.7
Fail
—
White BG
2.6Fail
1.9Fail
1.4Fail
3.9AA Large
10.6AAA
Black BG
8.2AAA
11.2AAA
15.0AAA
5.4AA
2.0Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

ACAC36
C8C76F
E2E2A7
969569
49482A

Deuteranopia

ADAE3E
C8CA76
E3E4AB
9A9F6A
505A27

Tritanopia

B25157
CD8388
E7B4B7
B16B6B
7A201D

Achromatopsia

979797
B8B8B8
D7D7D7
828282
2D2D2D

Shades & Tints Shades & Tints

#B3A313

Dark
Light

#CEBF56

Dark
Light

#E8DB97

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b3a313;
  --color-2: #cebf56;
  --color-3: #e8db97;
  --color-4: #b46e68;
  --color-5: #800137;
}

SCSS

$color-1: #b3a313;
$color-2: #cebf56;
$color-3: #e8db97;
$color-4: #b46e68;
$color-5: #800137;

TAILWIND

colors: {
  'brand-1': '#b3a313',
  'brand-2': '#cebf56',
  'brand-3': '#e8db97',
  'brand-4': '#b46e68',
  'brand-5': '#800137',
}

RGB Array

[179, 163, 19], [206, 191, 86], [232, 219, 151], [180, 110, 104], [128, 1, 55]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This luxury-style palette of #B3A313, #CEBF56, #E8DB97, #B46E68, #800137 is ideal for: social media posters, mobile apps, e-commerce promos, 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: #b3a313; --color-2: #cebf56; --color-3: #e8db97; --color-4: #b46e68; --color-5: #800137. 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 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