#060E02#060E02
#060E02 is a very dark, muted green. Relative luminance 0.004; OKLCH L 15.0% C 0.033 H 133.1°. Best body text is #FFFFFF at 19.60:1 contrast (WCAG AA passes).
Color values
| HEX | #060E02 |
|---|---|
| RGB | rgb(6, 14, 2) |
| HSL | hsl(100, 75%, 3%) |
| HSV | hsv(100, 86%, 5%) |
| CMYK | cmyk(57.1%, 0%, 85.7%, 94.5%) |
| CIE-LAB | lab(3.23, -3.95, 3.94) |
| CIE-LCH | lch(3.23, 5.58, 135.08°) |
| OKLab | oklab(15.01% -0.0224 0.024) |
| OKLCH | oklch(15.01% 0.033 133.1) |
| XYZ | xyz(0.2431, 0.3572, 0.1136) |
| Luminance | 0.0036 (WCAG relative) |
| Temperature | warm |
| Family | green |
Closest named colors
Almost Black
#070D0D
ΔE00 4.89
Black
#000000
ΔE00 6.41
Charcoal (survey)
#343837
ΔE00 13.50
Gunmetal
#2A3439
ΔE00 13.83
Dark Grey
#363737
ΔE00 13.97
Onyx
#353839
ΔE00 14.20
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#060E02 #0A020E
analogous
#0C0E02 #060E02 #020E04
triadic
#060E02 #02060E #0E0206
tetradic
#060E02 #020C0E #0A020E #0E0402
square
#060E02 #020C0E #0A020E #0E0402
split-complementary
#060E02 #04020E #0E020C
monochromatic
#0B1B04 #0B1B04 #0B1B04 #1D440A #347911
Accessibility & contrast
On white
19.60
#060E02 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.07
#060E02 on #000000
AA ✗AA large ✗AAA ✗
Best text color
#FFFFFF on #060E02
19.60:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##060E02 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##060E02 | 1.00 | 19.60 | 1.07 | 19.60 |
| #FFFFFF | 19.60 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.07 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 19.60 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#0F0C01
Deuteranopia (green-blind)
#0E0B02
Tritanopia (blue-blind)
#060D0B
Achromatopsia (no color)
#0C0C0C
Design tokens & code
CSS
--color: #060e02; /* rgb */ color: rgb(6, 14, 2); /* oklch */ color: oklch(15.0% 0.033 133.1);
Tailwind
colors: {
custom: {
50: '#494d47',
500: '#060e02',
950: '#000000',
},
}SCSS
$custom: #060e02; $custom-light: #494d47; $custom-dark: #000000;
JSON
{
"hex": "#060e02",
"rgb": {
"r": 6,
"g": 14,
"b": 2
},
"hsl": {
"h": 100,
"s": 75,
"l": 3.137
},
"oklch": {
"l": 0.15012,
"c": 0.03283,
"h": 133.1
},
"luminance": 0.00357
}Semantic roles & 50–950 ramp
primary
#060E02
secondary
#3F1A52
accent
#36F2B3
background
#F4F4F4
surface
#E6E7E6
border
#C2C3C2
text
#000100
muted
#777777