#86EB51#86EB51
#86EB51 is a very light, highly saturated yellow-green. Relative luminance 0.651; OKLCH L 84.8% C 0.211 H 136.7°. Best body text is #000000 at 14.02:1 contrast (WCAG AA passes).
Color values
| HEX | #86EB51 |
|---|---|
| RGB | rgb(134, 235, 81) |
| HSL | hsl(99, 79%, 62%) |
| HSV | hsv(99, 66%, 92%) |
| CMYK | cmyk(43%, 0%, 65.5%, 7.8%) |
| CIE-LAB | lab(84.52, -55.42, 63.18) |
| CIE-LCH | lch(84.52, 84.05, 131.26°) |
| OKLab | oklab(84.8% -0.1536 0.1449) |
| OKLCH | oklch(84.8% 0.211 136.7) |
| XYZ | xyz(41.0239, 65.0766, 18.1824) |
| Luminance | 0.6508 (WCAG relative) |
| Temperature | warm |
| Family | yellow-green |
Closest named colors
Kiwi Green
#8EE53F
ΔE00 2.58
Light Grass Green
#9AF764
ΔE00 3.07
Kiwi
#9CEF43
ΔE00 3.53
Toxic Green
#61DE2A
ΔE00 4.34
Spring Green (survey)
#A9F971
ΔE00 4.55
Lighter Green
#75FD63
ΔE00 4.57
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#86EB51 #B651EB
analogous
#D3EB51 #86EB51 #51EB69
triadic
#86EB51 #5186EB #EB5186
tetradic
#86EB51 #51D3EB #B651EB #EB6951
square
#86EB51 #51D3EB #B651EB #EB6951
split-complementary
#86EB51 #6951EB #EB51D3
monochromatic
#49AE14 #60E51A #86EB51 #ACF188 #D2F8BF
Accessibility & contrast
On white
1.50
#86EB51 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
14.02
#86EB51 on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #86EB51
14.02:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##86EB51 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##86EB51 | 1.00 | 1.50 | 14.02 | 14.02 |
| #FFFFFF | 1.50 | 1.00 | 21.00 | 21.00 |
| #000000 | 14.02 | 21.00 | 1.00 | 1.00 |
| ##000000 | 14.02 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#F3D83C
Deuteranopia (green-blind)
#E5D05E
Tritanopia (blue-blind)
#81E3CB
Achromatopsia (no color)
#D3D3D3
Design tokens & code
CSS
--color: #86eb51; /* rgb */ color: rgb(134, 235, 81); /* oklch */ color: oklch(84.8% 0.211 136.7);
Tailwind
colors: {
custom: {
50: '#b0f289',
500: '#86eb51',
950: '#000000',
},
}SCSS
$custom: #86eb51; $custom-light: #b0f289; $custom-dark: #000000;
JSON
{
"hex": "#86eb51",
"rgb": {
"r": 134,
"g": 235,
"b": 81
},
"hsl": {
"h": 99.351,
"s": 79.381,
"l": 61.961
},
"oklch": {
"l": 0.84796,
"c": 0.21117,
"h": 136.7
},
"luminance": 0.65079
}Semantic roles & 50–950 ramp
primary
#86EB51
secondary
#8432AE
accent
#0ADC93
background
#FDFFFC
surface
#F8FEF4
border
#D1D6CE
text
#11170C
muted
#81857F