#468437#468437
#468437 is a mid, vivid green. Relative luminance 0.181; OKLCH L 55.3% C 0.128 H 139.8°. Best body text is #000000 at 4.62:1 contrast (WCAG AA passes).
Color values
| HEX | #468437 |
|---|---|
| RGB | rgb(70, 132, 55) |
| HSL | hsl(108, 41%, 37%) |
| HSV | hsv(108, 58%, 52%) |
| CMYK | cmyk(47%, 0%, 58.3%, 48.2%) |
| CIE-LAB | lab(49.59, -35.67, 34.93) |
| CIE-LCH | lch(49.59, 49.92, 135.60°) |
| OKLab | oklab(55.34% -0.0978 0.0826) |
| OKLCH | oklch(55.34% 0.128 139.8) |
| XYZ | xyz(11.4662, 18.0797, 6.4992) |
| Luminance | 0.1808 (WCAG relative) |
| Temperature | neutral |
| Family | green |
Closest named colors
Fern Green
#548D44
ΔE00 3.83
Tree Green
#2A7E19
ΔE00 4.81
Forestgreen (CSS)
#228B22
ΔE00 4.91
Darkish Green
#287C37
ΔE00 4.99
Dark Grass Green
#388004
ΔE00 5.60
Light Forest Green
#4F9153
ΔE00 6.07
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#468437 #753784
analogous
#6D8437 #468437 #37844F
triadic
#468437 #374684 #843746
tetradic
#468437 #376D84 #753784 #844F37
square
#468437 #376D84 #753784 #844F37
split-complementary
#468437 #4F3784 #84376D
monochromatic
#182E13 #2F5925 #468437 #5DAF49 #81C471
Accessibility & contrast
On white
4.55
#468437 on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
4.62
#468437 on #000000
AA ✓AA large ✓AAA ✗
Best text color
#000000 on #468437
4.62:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##468437 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##468437 | 1.00 | 4.55 | 4.62 | 4.62 |
| #FFFFFF | 4.55 | 1.00 | 21.00 | 21.00 |
| #000000 | 4.62 | 21.00 | 1.00 | 1.00 |
| ##000000 | 4.62 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#88792F
Deuteranopia (green-blind)
#7F743D
Tritanopia (blue-blind)
#418073
Achromatopsia (no color)
#767676
Design tokens & code
CSS
--color: #468437; /* rgb */ color: rgb(70, 132, 55); /* oklch */ color: oklch(55.3% 0.128 139.8);
Tailwind
colors: {
custom: {
50: '#7ea870',
500: '#468437',
950: '#000000',
},
}SCSS
$custom: #468437; $custom-light: #7ea870; $custom-dark: #000000;
JSON
{
"hex": "#468437",
"rgb": {
"r": 70,
"g": 132,
"b": 55
},
"hsl": {
"h": 108.312,
"s": 41.176,
"l": 36.667
},
"oklch": {
"l": 0.55339,
"c": 0.12798,
"h": 139.8
},
"luminance": 0.1808
}Semantic roles & 50–950 ramp
primary
#468437
secondary
#A06AAD
accent
#57D1B9
background
#F7FAF6
surface
#EEF4EC
border
#C9CEC7
text
#0A1008
muted
#7C7F7B