← Back to Editor

#004869 · #F1E9DC · #B9A475 · #566236 · #7C0000

luxury

A 5-color luxury palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#004869

Lake Blue · MidnightBlue · Peacock Green

HEX
#004869
RGB
rgb(0, 72, 105)
HSL
hsl(199, 100%, 21%)
HSB
hsb(199, 100%, 41%)
CMYK
cmyk(100%, 31%, 0%, 59%)
Oklch
oklch(38.1% 0.083 237.2)

Traditional「Lake Blue」· Paint「Peacock Green」· Creative Blush Sunrise

#F1E9DC

Goose Yellow · Beige · Peach Orange

HEX
#F1E9DC
RGB
rgb(241, 233, 220)
HSL
hsl(37, 43%, 90%)
HSB
hsb(37, 9%, 95%)
CMYK
cmyk(0%, 3%, 9%, 5%)
Oklch
oklch(93.7% 0.019 80.1)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#B9A475

Ginger · Tan · Sunflower

HEX
#B9A475
RGB
rgb(185, 164, 117)
HSL
hsl(41, 33%, 59%)
HSB
hsb(41, 37%, 73%)
CMYK
cmyk(0%, 11%, 37%, 27%)
Oklch
oklch(72.6% 0.068 86.6)

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

#566236

Grass Green · DarkOliveGreen · Forest Green

HEX
#566236
RGB
rgb(86, 98, 54)
HSL
hsl(76, 29%, 30%)
HSB
hsb(76, 45%, 38%)
CMYK
cmyk(12%, 0%, 45%, 62%)
Oklch
oklch(47.4% 0.067 121.5)

Traditional「Grass Green」· Paint「Forest Green」· Creative Blush Sunrise

#7C0000

Vermilion · Maroon · Wine Red

HEX
#7C0000
RGB
rgb(124, 0, 0)
HSL
hsl(0, 100%, 24%)
HSB
hsb(0, 100%, 49%)
CMYK
cmyk(0%, 100%, 100%, 51%)
Oklch
oklch(36.8% 0.151 29.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

004869
6B2200

Analogous

006B57
004869
00146B

Triadic

004869
6B0049
496B00

Split-Comp.

004869
6B0014
6B5700

Tetradic

004869
57006B
6B2200
146B00

Contrast Matrix WCAG 2.1 Contrast

004869
F1E9DC
B9A475
566236
7C0000
—
8.2
AAA
4.0
AA Large
1.5
Fail
1.1
Fail
8.2
AAA
—
2.0
Fail
5.5
AA
9.4
AAA
4.0
AA Large
2.0
Fail
—
2.7
Fail
4.6
AA
1.5
Fail
5.5
AA
2.7
Fail
—
1.7
Fail
1.1
Fail
9.4
AAA
4.6
AA
1.7
Fail
—
White BG
9.9AAA
1.2Fail
2.4Fail
6.6AA
11.3AAA
Black BG
2.1Fail
17.4AAA
8.6AAA
3.2AA Large
1.9Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

1F2061
EEEDDF
B0B080
5B5B41
464500

Deuteranopia

1B165F
EEEFE0
B1B383
5B5A43
4E5700

Tritanopia

045B59
F1E2E2
B8898B
57494B
760000

Achromatopsia

363636
EAEAEA
A5A5A5
595959
252525

Shades & Tints Shades & Tints

#004869

Dark
Light

#F1E9DC

Dark
Light

#B9A475

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #004869;
  --color-2: #f1e9dc;
  --color-3: #b9a475;
  --color-4: #566236;
  --color-5: #7c0000;
}

SCSS

$color-1: #004869;
$color-2: #f1e9dc;
$color-3: #b9a475;
$color-4: #566236;
$color-5: #7c0000;

TAILWIND

colors: {
  'brand-1': '#004869',
  'brand-2': '#f1e9dc',
  'brand-3': '#b9a475',
  'brand-4': '#566236',
  'brand-5': '#7c0000',
}

RGB Array

[0, 72, 105], [241, 233, 220], [185, 164, 117], [86, 98, 54], [124, 0, 0]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This luxury-style palette of #004869, #F1E9DC, #B9A475, #566236, #7C0000 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: #004869; --color-2: #f1e9dc; --color-3: #b9a475; --color-4: #566236; --color-5: #7c0000. 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