#86C052#86C052
#86C052 is a light, vivid yellow-green. Relative luminance 0.434; OKLCH L 74.4% C 0.154 H 132.3°. Best body text is #000000 at 9.68:1 contrast (WCAG AA passes).
Color values
| HEX | #86C052 |
|---|---|
| RGB | rgb(134, 192, 82) |
| HSL | hsl(92, 47%, 54%) |
| HSV | hsv(92, 57%, 75%) |
| CMYK | cmyk(30.2%, 0%, 57.3%, 24.7%) |
| CIE-LAB | lab(71.81, -37.29, 48.65) |
| CIE-LCH | lch(71.81, 61.30, 127.47°) |
| OKLab | oklab(74.42% -0.1039 0.1141) |
| OKLCH | oklch(74.42% 0.154 132.3) |
| XYZ | xyz(30.2037, 43.3758, 14.7620) |
| Luminance | 0.4338 (WCAG relative) |
| Temperature | warm |
| Family | yellow-green |
Closest named colors
Turtle Green
#75B84F
ΔE00 3.13
Nasty Green
#70B23F
ΔE00 4.51
Pistachio
#93C572
ΔE00 4.56
Apple
#6ECB3C
ΔE00 4.89
Light Olive Green
#A4BE5C
ΔE00 5.76
Apple Green
#76CD26
ΔE00 5.89
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#86C052 #8C52C0
analogous
#BDC052 #86C052 #52C055
triadic
#86C052 #5286C0 #C05286
tetradic
#86C052 #52BDC0 #8C52C0 #C05552
square
#86C052 #52BDC0 #8C52C0 #C05552
split-complementary
#86C052 #5552C0 #C052BD
monochromatic
#4A6F28 #689C39 #86C052 #A5D07F #C5E1AC
Accessibility & contrast
On white
2.17
#86C052 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
9.68
#86C052 on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #86C052
9.68:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##86C052 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##86C052 | 1.00 | 2.17 | 9.68 | 9.68 |
| #FFFFFF | 2.17 | 1.00 | 21.00 | 21.00 |
| #000000 | 9.68 | 21.00 | 1.00 | 1.00 |
| ##000000 | 9.68 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#C7B347
Deuteranopia (green-blind)
#BFAE5A
Tritanopia (blue-blind)
#87B9A8
Achromatopsia (no color)
#B0B0B0
Design tokens & code
CSS
--color: #86c052; /* rgb */ color: rgb(134, 192, 82); /* oklch */ color: oklch(74.4% 0.154 132.3);
Tailwind
colors: {
custom: {
50: '#acd386',
500: '#86c052',
950: '#000000',
},
}SCSS
$custom: #86c052; $custom-light: #acd386; $custom-dark: #000000;
JSON
{
"hex": "#86c052",
"rgb": {
"r": 134,
"g": 192,
"b": 82
},
"hsl": {
"h": 91.636,
"s": 46.61,
"l": 53.725
},
"oklch": {
"l": 0.74424,
"c": 0.15436,
"h": 132.3
},
"luminance": 0.43377
}Semantic roles & 50–950 ramp
primary
#86C052
secondary
#B89FCE
accent
#52D698
background
#FAFDF8
surface
#F4FAF0
border
#CED3CB
text
#10140B
muted
#7F837C