#64B23A#64B23A
#64B23A is a light, vivid yellow-green. Relative luminance 0.349; OKLCH L 68.9% C 0.172 H 136.6°. Best body text is #000000 at 7.97:1 contrast (WCAG AA passes).
Color values
| HEX | #64B23A |
|---|---|
| RGB | rgb(100, 178, 58) |
| HSL | hsl(99, 51%, 46%) |
| HSV | hsv(99, 67%, 70%) |
| CMYK | cmyk(43.8%, 0%, 67.4%, 30.2%) |
| CIE-LAB | lab(65.64, -45.16, 51.82) |
| CIE-LCH | lch(65.64, 68.74, 131.08°) |
| OKLab | oklab(68.86% -0.1252 0.1186) |
| OKLCH | oklch(68.86% 0.172 136.6) |
| XYZ | xyz(21.9390, 34.8543, 9.5737) |
| Luminance | 0.3486 (WCAG relative) |
| Temperature | warm |
| Family | yellow-green |
Closest named colors
Nasty Green
#70B23F
ΔE00 1.58
Grass
#5CAC2D
ΔE00 2.05
Leafy Green
#51B73B
ΔE00 2.61
Turtle Green
#75B84F
ΔE00 3.03
Leaf
#71AA34
ΔE00 3.35
Kermit Green
#5CB200
ΔE00 3.78
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#64B23A #883AB2
analogous
#A0B23A #64B23A #3AB24C
triadic
#64B23A #3A64B2 #B23A64
tetradic
#64B23A #3AA0B2 #883AB2 #B24C3A
square
#64B23A #3AA0B2 #883AB2 #B24C3A
split-complementary
#64B23A #4C3AB2 #B23AA0
monochromatic
#30561C #4A842B #64B23A #84CB5F #A8DA8D
Accessibility & contrast
On white
2.63
#64B23A on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
7.97
#64B23A on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #64B23A
7.97:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##64B23A | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##64B23A | 1.00 | 2.63 | 7.97 | 7.97 |
| #FFFFFF | 2.63 | 1.00 | 21.00 | 21.00 |
| #000000 | 7.97 | 21.00 | 1.00 | 1.00 |
| ##000000 | 7.97 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#B8A429
Deuteranopia (green-blind)
#AD9D44
Tritanopia (blue-blind)
#61AC9A
Achromatopsia (no color)
#9F9F9F
Design tokens & code
CSS
--color: #64b23a; /* rgb */ color: rgb(100, 178, 58); /* oklch */ color: oklch(68.9% 0.172 136.6);
Tailwind
colors: {
custom: {
50: '#96c976',
500: '#64b23a',
950: '#000000',
},
}SCSS
$custom: #64b23a; $custom-light: #96c976; $custom-dark: #000000;
JSON
{
"hex": "#64b23a",
"rgb": {
"r": 100,
"g": 178,
"b": 58
},
"hsl": {
"h": 99,
"s": 50.847,
"l": 46.275
},
"oklch": {
"l": 0.68859,
"c": 0.17248,
"h": 136.6
},
"luminance": 0.34856
}Semantic roles & 50–950 ramp
primary
#64B23A
secondary
#AE83C4
accent
#4DDAA9
background
#F9FCF7
surface
#F2F8ED
border
#CCD1C8
text
#0E1309
muted
#7E827B