← Back to Editor

#082211 · #60A5B9 · #47C1CC · #DBD7D8 · #EBE8EE

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#082211

Pine Green · Black · Dark Green

HEX
#082211
RGB
rgb(8, 34, 17)
HSL
hsl(141, 62%, 8%)
HSB
hsb(141, 76%, 13%)
CMYK
cmyk(76%, 0%, 50%, 87%)
Oklch
oklch(22.6% 0.046 152.3)

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

#60A5B9

Slate Blue · CadetBlue · Lake Green

HEX
#60A5B9
RGB
rgb(96, 165, 185)
HSL
hsl(193, 39%, 55%)
HSB
hsb(193, 48%, 73%)
CMYK
cmyk(48%, 11%, 0%, 27%)
Oklch
oklch(68.4% 0.076 218.6)

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

#47C1CC

Lake Blue · MediumTurquoise · Lake Green

HEX
#47C1CC
RGB
rgb(71, 193, 204)
HSL
hsl(185, 57%, 54%)
HSB
hsb(185, 65%, 80%)
CMYK
cmyk(65%, 5%, 0%, 20%)
Oklch
oklch(74.8% 0.107 203.6)

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

#DBD7D8

Silver Gray · LightGray · Pearl Gray

HEX
#DBD7D8
RGB
rgb(219, 215, 216)
HSL
hsl(345, 5%, 85%)
HSB
hsb(345, 2%, 86%)
CMYK
cmyk(0%, 2%, 1%, 14%)
Oklch
oklch(88.3% 0.005 0.0)

Traditional「Silver Gray」· Paint「Pearl Gray」· Creative Silver Lining

#EBE8EE

Lilac · Lavender · Lavender

HEX
#EBE8EE
RGB
rgb(235, 232, 238)
HSL
hsl(270, 15%, 92%)
HSB
hsb(270, 3%, 93%)
CMYK
cmyk(1%, 3%, 0%, 7%)
Oklch
oklch(93.5% 0.009 308.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

082211
210818

Analogous

0C2108
082211
08211D

Triadic

082211
110821
211108

Split-Comp.

082211
1D0821
21080C

Tetradic

082211
080C21
210818
211D08

Contrast Matrix WCAG 2.1 Contrast

082211
60A5B9
47C1CC
DBD7D8
EBE8EE
—
6.1
AA
7.8
AAA
11.8
AAA
13.9
AAA
6.1
AA
—
1.3
Fail
1.9
Fail
2.3
Fail
7.8
AAA
1.3
Fail
—
1.5
Fail
1.8
Fail
11.8
AAA
1.9
Fail
1.5
Fail
—
1.2
Fail
13.9
AAA
2.3
Fail
1.8
Fail
1.2
Fail
—
White BG
16.8AAA
2.8Fail
2.1Fail
1.4Fail
1.2Fail
Black BG
1.2Fail
7.6AAA
9.8AAA
14.7AAA
17.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

131315
7E7EB4
7C7DC9
D9D9D8
EAEAED

Deuteranopia

121016
7A75B3
756CC9
DADAD8
EAEAEC

Tritanopia

091819
63B0B0
4DC7C7
DBD8D8
EBEBEB

Achromatopsia

181818
939393
9E9E9E
D8D8D8
EAEAEA

Shades & Tints Shades & Tints

#082211

Dark
Light

#60A5B9

Dark
Light

#47C1CC

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #082211;
  --color-2: #60a5b9;
  --color-3: #47c1cc;
  --color-4: #dbd7d8;
  --color-5: #ebe8ee;
}

SCSS

$color-1: #082211;
$color-2: #60a5b9;
$color-3: #47c1cc;
$color-4: #dbd7d8;
$color-5: #ebe8ee;

TAILWIND

colors: {
  'brand-1': '#082211',
  'brand-2': '#60a5b9',
  'brand-3': '#47c1cc',
  'brand-4': '#dbd7d8',
  'brand-5': '#ebe8ee',
}

RGB Array

[8, 34, 17], [96, 165, 185], [71, 193, 204], [219, 215, 216], [235, 232, 238]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #082211, #60A5B9, #47C1CC, #DBD7D8, #EBE8EE 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: #082211; --color-2: #60a5b9; --color-3: #47c1cc; --color-4: #dbd7d8; --color-5: #ebe8ee. 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 general-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