← Back to Editor

#050508 · #44CCCC · #EAF0D9 · #B8EC0B · #182E12

luxury

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#050508

Deep Indigo · Black · Deep Sea Blue

HEX
#050508
RGB
rgb(5, 5, 8)
HSL
hsl(240, 23%, 3%)
HSB
hsb(240, 38%, 3%)
CMYK
cmyk(37%, 37%, 0%, 97%)
Oklch
oklch(11.7% 0.009 284.9)

Traditional「Deep Indigo」· Paint「Deep Sea Blue」· Creative Blush Sunrise

#44CCCC

Lake Blue · MediumTurquoise · Lake Green

HEX
#44CCCC
RGB
rgb(68, 204, 204)
HSL
hsl(180, 57%, 53%)
HSB
hsb(180, 67%, 80%)
CMYK
cmyk(67%, 0%, 0%, 20%)
Oklch
oklch(77.4% 0.115 195.0)

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

#EAF0D9

Willow Green · Beige · Mint Green

HEX
#EAF0D9
RGB
rgb(234, 240, 217)
HSL
hsl(76, 43%, 90%)
HSB
hsb(76, 10%, 94%)
CMYK
cmyk(3%, 0%, 10%, 6%)
Oklch
oklch(94.4% 0.031 118.9)

Traditional「Willow Green」· Paint「Mint Green」· Creative Mint Breeze

#B8EC0B

Grass Green · GreenYellow · Olive Green

HEX
#B8EC0B
RGB
rgb(184, 236, 11)
HSL
hsl(74, 91%, 48%)
HSB
hsb(74, 95%, 93%)
CMYK
cmyk(22%, 0%, 95%, 7%)
Oklch
oklch(87.5% 0.216 124.3)

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

#182E12

Celadon · Black · Dark Green

HEX
#182E12
RGB
rgb(24, 46, 18)
HSL
hsl(107, 44%, 13%)
HSB
hsb(107, 61%, 18%)
CMYK
cmyk(48%, 0%, 61%, 82%)
Oklch
oklch(27.5% 0.056 139.3)

Traditional「Celadon」· Paint「Dark Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

050508
090906

Analogous

060809
050508
080609

Triadic

050508
090606
060906

Split-Comp.

050508
090806
080906

Tetradic

050508
090608
090906
060908

Contrast Matrix WCAG 2.1 Contrast

050508
44CCCC
EAF0D9
B8EC0B
182E12
—
10.4
AAA
17.4
AAA
14.6
AAA
1.4
Fail
10.4
AAA
—
1.7
Fail
1.4
Fail
7.5
AAA
17.4
AAA
1.7
Fail
—
1.2
Fail
12.5
AAA
14.6
AAA
1.4
Fail
1.2
Fail
—
10.5
AAA
1.4
Fail
7.5
AAA
12.5
AAA
10.5
AAA
—
White BG
20.4AAA
2.0Fail
1.2Fail
1.4Fail
14.6AAA
Black BG
1.0Fail
10.8AAA
18.0AAA
15.0AAA
1.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

050507
7F80CC
EDEDDF
CFCF41
222219

Deuteranopia

050507
776DCC
ECECE0
CCC84F
201F1A

Tritanopia

050707
4BCCCC
EAE3E4
BB6C76
191E1F

Achromatopsia

050505
A3A3A3
ECECEC
C3C3C3
242424

Shades & Tints Shades & Tints

#050508

Dark
Light

#44CCCC

Dark
Light

#EAF0D9

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #050508;
  --color-2: #44cccc;
  --color-3: #eaf0d9;
  --color-4: #b8ec0b;
  --color-5: #182e12;
}

SCSS

$color-1: #050508;
$color-2: #44cccc;
$color-3: #eaf0d9;
$color-4: #b8ec0b;
$color-5: #182e12;

TAILWIND

colors: {
  'brand-1': '#050508',
  'brand-2': '#44cccc',
  'brand-3': '#eaf0d9',
  'brand-4': '#b8ec0b',
  'brand-5': '#182e12',
}

RGB Array

[5, 5, 8], [68, 204, 204], [234, 240, 217], [184, 236, 11], [24, 46, 18]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This luxury-style palette of #050508, #44CCCC, #EAF0D9, #B8EC0B, #182E12 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: #050508; --color-2: #44cccc; --color-3: #eaf0d9; --color-4: #b8ec0b; --color-5: #182e12. 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