← Back to Editor

#020806 · #272526 · #2C8F58 · #59B756 · #C0DF77

space

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

#020806

Mineral Blue · Black · Peacock Green

HEX
#020806
RGB
rgb(2, 8, 6)
HSL
hsl(160, 60%, 2%)
HSB
hsb(160, 75%, 3%)
CMYK
cmyk(75%, 0%, 25%, 97%)
Oklch
oklch(12.4% 0.016 174.8)

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

#272526

Ink Black · DarkSlateGray · Dark Stone

HEX
#272526
RGB
rgb(39, 37, 38)
HSL
hsl(330, 3%, 15%)
HSB
hsb(330, 5%, 15%)
CMYK
cmyk(0%, 5%, 3%, 85%)
Oklch
oklch(26.7% 0.003 345.5)

Traditional「Ink Black」· Paint「Dark Stone」· Creative Midnight Shadow

#2C8F58

Pine Green · SeaGreen · Forest Green

HEX
#2C8F58
RGB
rgb(44, 143, 88)
HSL
hsl(147, 53%, 37%)
HSB
hsb(147, 69%, 56%)
CMYK
cmyk(69%, 0%, 38%, 44%)
Oklch
oklch(57.9% 0.124 154.7)

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

#59B756

Celadon · MediumSeaGreen · Olive Green

HEX
#59B756
RGB
rgb(89, 183, 86)
HSL
hsl(118, 40%, 53%)
HSB
hsb(118, 53%, 72%)
CMYK
cmyk(51%, 0%, 53%, 28%)
Oklch
oklch(70.0% 0.162 143.0)

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

#C0DF77

Willow Green · Tan · Apple Green

HEX
#C0DF77
RGB
rgb(192, 223, 119)
HSL
hsl(78, 62%, 67%)
HSB
hsb(78, 47%, 87%)
CMYK
cmyk(14%, 0%, 47%, 13%)
Oklch
oklch(85.8% 0.135 122.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

020806
080204

Analogous

020803
020806
020708

Triadic

020806
060208
080602

Split-Comp.

020806
080207
080302

Tetradic

020806
030208
080204
070802

Contrast Matrix WCAG 2.1 Contrast

020806
272526
2C8F58
59B756
C0DF77
—
1.3
Fail
5.0
AA
8.0
AAA
13.5
AAA
1.3
Fail
—
3.8
AA Large
6.0
AA
10.2
AAA
5.0
AA
3.8
AA Large
—
1.6
Fail
2.7
Fail
8.0
AAA
6.0
AA
1.6
Fail
—
1.7
Fail
13.5
AAA
10.2
AAA
2.7
Fail
1.7
Fail
—
White BG
20.2AAA
15.2AAA
4.1AA Large
2.5Fail
1.5Fail
Black BG
1.0Fail
1.4Fail
5.2AA
8.3AAA
14.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

050506
262626
575865
82836D
CDCE90

Deuteranopia

040407
262626
514A69
7C7573
CCC996

Tritanopia

020707
272626
317072
5E8084
C2A4A8

Achromatopsia

060606
262626
6B6B6B
909090
CACACA

Shades & Tints Shades & Tints

#020806

Dark
Light

#272526

Dark
Light

#2C8F58

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #020806;
  --color-2: #272526;
  --color-3: #2c8f58;
  --color-4: #59b756;
  --color-5: #c0df77;
}

SCSS

$color-1: #020806;
$color-2: #272526;
$color-3: #2c8f58;
$color-4: #59b756;
$color-5: #c0df77;

TAILWIND

colors: {
  'brand-1': '#020806',
  'brand-2': '#272526',
  'brand-3': '#2c8f58',
  'brand-4': '#59b756',
  'brand-5': '#c0df77',
}

RGB Array

[2, 8, 6], [39, 37, 38], [44, 143, 88], [89, 183, 86], [192, 223, 119]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This space-style palette of #020806, #272526, #2C8F58, #59B756, #C0DF77 is ideal for: tech websites, dark mode UIs, game UIs, 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: #020806; --color-2: #272526; --color-3: #2c8f58; --color-4: #59b756; --color-5: #c0df77. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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 space-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