← Back to Editor

#5C9680 · #325052 · #0B0E05 · #91CCB0 · #CCD2B0

dark

A 5-color dark 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

#5C9680

Mineral Blue · CadetBlue · Olive Green

HEX
#5C9680
RGB
rgb(92, 150, 128)
HSL
hsl(157, 24%, 47%)
HSB
hsb(157, 39%, 59%)
CMYK
cmyk(39%, 0%, 15%, 41%)
Oklch
oklch(62.7% 0.070 168.0)

Traditional「Mineral Blue」· Paint「Olive Green」· Creative Blush Sunrise

#325052

Slate Blue · DarkSlateGray · Mint Ice

HEX
#325052
RGB
rgb(50, 80, 82)
HSL
hsl(184, 24%, 26%)
HSB
hsb(184, 39%, 32%)
CMYK
cmyk(39%, 2%, 0%, 68%)
Oklch
oklch(40.9% 0.036 201.2)

Traditional「Slate Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#0B0E05

Grass Green · Black · Dark Green

HEX
#0B0E05
RGB
rgb(11, 14, 5)
HSL
hsl(80, 47%, 4%)
HSB
hsb(80, 64%, 5%)
CMYK
cmyk(21%, 0%, 64%, 95%)
Oklch
oklch(15.7% 0.020 122.3)

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

#91CCB0

Jade · DarkSeaGreen · Apple Green

HEX
#91CCB0
RGB
rgb(145, 204, 176)
HSL
hsl(152, 37%, 68%)
HSB
hsb(152, 29%, 80%)
CMYK
cmyk(29%, 0%, 14%, 20%)
Oklch
oklch(79.7% 0.073 163.7)

Traditional「Jade」· Paint「Apple Green」· Creative Arctic Pool

#CCD2B0

Willow Green · Silver · Apple Green

HEX
#CCD2B0
RGB
rgb(204, 210, 176)
HSL
hsl(71, 27%, 76%)
HSB
hsb(71, 16%, 82%)
CMYK
cmyk(3%, 0%, 16%, 18%)
Oklch
oklch(85.0% 0.046 115.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

5C9680
955B71

Analogous

5B9562
5C9680
5B8E95

Triadic

5C9680
7F5B95
957F5B

Split-Comp.

5C9680
955B8E
95625B

Tetradic

5C9680
625B95
955B71
8E955B

Contrast Matrix WCAG 2.1 Contrast

5C9680
325052
0B0E05
91CCB0
CCD2B0
—
2.5
Fail
5.7
AA
1.9
Fail
2.2
Fail
2.5
Fail
—
2.2
Fail
4.8
AA
5.6
AA
5.7
AA
2.2
Fail
—
10.6
AAA
12.4
AAA
1.9
Fail
4.8
AA
10.6
AAA
—
1.2
Fail
2.2
Fail
5.6
AA
12.4
AAA
1.2
Fail
—
White BG
3.4AA Large
8.7AAA
19.5AAA
1.8Fail
1.6Fail
Black BG
6.1AA
2.4Fail
1.1Fail
11.5AAA
13.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

757685
3F3F52
0C0C07
ABABB7
CFCFB8

Deuteranopia

726D87
3D3B51
0C0C08
A7A3B8
CECEBA

Tritanopia

5F8A8A
345151
0B0909
94BCBD
CCBFC0

Achromatopsia

828282
474747
0C0C0C
B7B7B7
CCCCCC

Shades & Tints Shades & Tints

#5C9680

Dark
Light

#325052

Dark
Light

#0B0E05

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #5c9680;
  --color-2: #325052;
  --color-3: #0b0e05;
  --color-4: #91ccb0;
  --color-5: #ccd2b0;
}

SCSS

$color-1: #5c9680;
$color-2: #325052;
$color-3: #0b0e05;
$color-4: #91ccb0;
$color-5: #ccd2b0;

TAILWIND

colors: {
  'brand-1': '#5c9680',
  'brand-2': '#325052',
  'brand-3': '#0b0e05',
  'brand-4': '#91ccb0',
  'brand-5': '#ccd2b0',
}

RGB Array

[92, 150, 128], [50, 80, 82], [11, 14, 5], [145, 204, 176], [204, 210, 176]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This dark-style palette of #5C9680, #325052, #0B0E05, #91CCB0, #CCD2B0 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: #5c9680; --color-2: #325052; --color-3: #0b0e05; --color-4: #91ccb0; --color-5: #ccd2b0. 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 dark-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