#031A06#031A06
#031A06 is a very dark, muted green. Relative luminance 0.008; OKLCH L 19.2% C 0.050 H 146.6°. Best body text is #FFFFFF at 18.19:1 contrast (WCAG AA passes).
Color values
| HEX | #031A06 |
|---|---|
| RGB | rgb(3, 26, 6) |
| HSL | hsl(128, 79%, 6%) |
| HSV | hsv(128, 88%, 10%) |
| CMYK | cmyk(88.5%, 0%, 76.9%, 89.8%) |
| CIE-LAB | lab(6.97, -12.01, 7.75) |
| CIE-LCH | lch(6.97, 14.29, 147.17°) |
| OKLab | oklab(19.24% -0.0417 0.0276) |
| OKLCH | oklch(19.24% 0.05 146.6) |
| XYZ | xyz(0.4398, 0.7712, 0.2979) |
| Luminance | 0.0077 (WCAG relative) |
| Temperature | neutral |
| Family | green |
Closest named colors
Dark Forest Green
#002D04
ΔE00 10.32
Very Dark Green
#062E03
ΔE00 10.48
Almost Black
#070D0D
ΔE00 12.18
Dark Green
#033500
ΔE00 13.30
Black
#000000
ΔE00 14.18
Evergreen
#05472A
ΔE00 15.50
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#031A06 #1A0317
analogous
#0B1A03 #031A06 #031A11
triadic
#031A06 #06031A #1A0603
tetradic
#031A06 #030B1A #1A0317 #1A1103
square
#031A06 #030B1A #1A0317 #1A1103
split-complementary
#031A06 #11031A #1A030B
monochromatic
#031B06 #031B06 #031B06 #095113 #10881F
Accessibility & contrast
On white
18.19
#031A06 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.15
#031A06 on #000000
AA ✗AA large ✗AAA ✗
Best text color
#FFFFFF on #031A06
18.19:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##031A06 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##031A06 | 1.00 | 18.19 | 1.15 | 18.19 |
| #FFFFFF | 18.19 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.15 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 18.19 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#1A1705
Deuteranopia (green-blind)
#171507
Tritanopia (blue-blind)
#001915
Achromatopsia (no color)
#151515
Design tokens & code
CSS
--color: #031a06; /* rgb */ color: rgb(3, 26, 6); /* oklch */ color: oklch(19.2% 0.050 146.6);
Tailwind
colors: {
custom: {
50: '#475649',
500: '#031a06',
950: '#000000',
},
}SCSS
$custom: #031a06; $custom-light: #475649; $custom-dark: #000000;
JSON
{
"hex": "#031a06",
"rgb": {
"r": 3,
"g": 26,
"b": 6
},
"hsl": {
"h": 127.826,
"s": 79.31,
"l": 5.686
},
"oklch": {
"l": 0.1924,
"c": 0.05001,
"h": 146.6
},
"luminance": 0.00771
}Semantic roles & 50–950 ramp
primary
#031A06
secondary
#5E1B55
accent
#32DCF6
background
#F4F5F4
surface
#E6E9E6
border
#C2C5C2
text
#000300
muted
#777877