#38801B#38801B
#38801B is a mid, vivid green. Relative luminance 0.164; OKLCH L 53.3% C 0.151 H 138.6°. Best body text is #FFFFFF at 4.92:1 contrast (WCAG AA passes).
Color values
| HEX | #38801B |
|---|---|
| RGB | rgb(56, 128, 27) |
| HSL | hsl(103, 65%, 30%) |
| HSV | hsv(103, 79%, 50%) |
| CMYK | cmyk(56.3%, 0%, 78.9%, 49.8%) |
| CIE-LAB | lab(47.44, -41.02, 44.65) |
| CIE-LCH | lch(47.44, 60.63, 132.57°) |
| OKLab | oklab(53.33% -0.1132 0.0999) |
| OKLCH | oklch(53.33% 0.151 138.6) |
| XYZ | xyz(9.5475, 16.3575, 3.6909) |
| Luminance | 0.1636 (WCAG relative) |
| Temperature | warm |
| Family | green |
Closest named colors
Tree Green
#2A7E19
ΔE00 1.69
Dark Grass Green
#388004
ΔE00 1.89
Green
#008000
ΔE00 3.50
Forestgreen (CSS)
#228B22
ΔE00 4.36
Darkish Green
#287C37
ΔE00 5.86
Avocado
#568203
ΔE00 5.95
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#38801B #631B80
analogous
#6A801B #38801B #1B8030
triadic
#38801B #1B3880 #801B38
tetradic
#38801B #1B6A80 #631B80 #80301B
square
#38801B #1B6A80 #631B80 #80301B
split-complementary
#38801B #301B80 #801B6A
monochromatic
#0C1B06 #224D10 #38801B #4EB326 #6AD63F
Accessibility & contrast
On white
4.92
#38801B on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
4.27
#38801B on #000000
AA ✗AA large ✓AAA ✗
Best text color
#FFFFFF on #38801B
4.92:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##38801B | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##38801B | 1.00 | 4.92 | 4.27 | 4.92 |
| #FFFFFF | 4.92 | 1.00 | 21.00 | 1.00 |
| #000000 | 4.27 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 4.92 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#847403
Deuteranopia (green-blind)
#7B6E26
Tritanopia (blue-blind)
#317B6D
Achromatopsia (no color)
#717171
Design tokens & code
CSS
--color: #38801b; /* rgb */ color: rgb(56, 128, 27); /* oklch */ color: oklch(53.3% 0.151 138.6);
Tailwind
colors: {
custom: {
50: '#77a560',
500: '#38801b',
950: '#000000',
},
}SCSS
$custom: #38801b; $custom-light: #77a560; $custom-dark: #000000;
JSON
{
"hex": "#38801b",
"rgb": {
"r": 56,
"g": 128,
"b": 27
},
"hsl": {
"h": 102.772,
"s": 65.161,
"l": 30.392
},
"oklch": {
"l": 0.53331,
"c": 0.15097,
"h": 138.6
},
"luminance": 0.16358
}Semantic roles & 50–950 ramp
primary
#38801B
secondary
#9343B4
accent
#40E8B8
background
#F7FAF5
surface
#EEF4EA
border
#C9CEC6
text
#090F05
muted
#7B7F79