#81F464#81F464
#81F464 is a very light, highly saturated green. Relative luminance 0.703; OKLCH L 86.9% C 0.211 H 139.7°. Best body text is #000000 at 15.06:1 contrast (WCAG AA passes).
Color values
| HEX | #81F464 |
|---|---|
| RGB | rgb(129, 244, 100) |
| HSL | hsl(108, 87%, 67%) |
| HSV | hsv(108, 59%, 96%) |
| CMYK | cmyk(47.1%, 0%, 59%, 4.3%) |
| CIE-LAB | lab(87.14, -58.64, 58.16) |
| CIE-LCH | lch(87.14, 82.59, 135.23°) |
| OKLab | oklab(86.94% -0.1608 0.1363) |
| OKLCH | oklch(86.94% 0.211 139.7) |
| XYZ | xyz(43.7025, 70.2856, 23.3177) |
| Luminance | 0.7029 (WCAG relative) |
| Temperature | neutral |
| Family | green |
Closest named colors
Lighter Green
#75FD63
ΔE00 2.19
Light Green
#96F97B
ΔE00 2.72
Light Grass Green
#9AF764
ΔE00 2.79
Easter Green
#8CFD7E
ΔE00 3.00
Lightgreen (survey)
#76FF7B
ΔE00 3.56
Light Bright Green
#53FE5C
ΔE00 3.81
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#81F464 #D764F4
analogous
#C9F464 #81F464 #64F48F
triadic
#81F464 #6481F4 #F46481
tetradic
#81F464 #64C9F4 #D764F4 #F48F64
square
#81F464 #64C9F4 #D764F4 #F48F64
split-complementary
#81F464 #8F64F4 #F464C9
monochromatic
#35CF0F #53F02B #81F464 #AFF89D #DEFCD6
Accessibility & contrast
On white
1.39
#81F464 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
15.06
#81F464 on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #81F464
15.06:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##81F464 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##81F464 | 1.00 | 1.39 | 15.06 | 15.06 |
| #FFFFFF | 1.39 | 1.00 | 21.00 | 21.00 |
| #000000 | 15.06 | 21.00 | 1.00 | 1.00 |
| ##000000 | 15.06 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#FAE054
Deuteranopia (green-blind)
#EBD66F
Tritanopia (blue-blind)
#77EDD5
Achromatopsia (no color)
#DADADA
Design tokens & code
CSS
--color: #81f464; /* rgb */ color: rgb(129, 244, 100); /* oklch */ color: oklch(86.9% 0.211 139.7);
Tailwind
colors: {
custom: {
50: '#adf895',
500: '#81f464',
950: '#000000',
},
}SCSS
$custom: #81f464; $custom-light: #adf895; $custom-dark: #000000;
JSON
{
"hex": "#81f464",
"rgb": {
"r": 129,
"g": 244,
"b": 100
},
"hsl": {
"h": 107.917,
"s": 86.747,
"l": 67.451
},
"oklch": {
"l": 0.86937,
"c": 0.2108,
"h": 139.7
},
"luminance": 0.70289
}Semantic roles & 50–950 ramp
primary
#81F464
secondary
#AC32CB
accent
#02E3B6
background
#FDFFFC
surface
#F8FFF5
border
#D1D7CF
text
#11170E
muted
#81857F