#6EB82C#6EB82C
#6EB82C is a light, vivid yellow-green. Relative luminance 0.378; OKLCH L 70.8% C 0.184 H 133.9°. Best body text is #000000 at 8.56:1 contrast (WCAG AA passes).
Color values
| HEX | #6EB82C |
|---|---|
| RGB | rgb(110, 184, 44) |
| HSL | hsl(92, 61%, 45%) |
| HSV | hsv(92, 76%, 72%) |
| CMYK | cmyk(40.2%, 0%, 76.1%, 27.8%) |
| CIE-LAB | lab(67.86, -45.31, 59.41) |
| CIE-LCH | lch(67.86, 74.72, 127.33°) |
| OKLab | oklab(70.77% -0.1272 0.1324) |
| OKLCH | oklch(70.77% 0.184 133.9) |
| XYZ | xyz(24.0251, 37.7766, 8.4081) |
| Luminance | 0.3778 (WCAG relative) |
| Temperature | warm |
| Family | yellow-green |
Closest named colors
Nasty Green
#70B23F
ΔE00 2.81
Frog Green
#58BC08
ΔE00 2.86
Kermit Green
#5CB200
ΔE00 2.88
Kelly Green
#4CBB17
ΔE00 3.58
Turtle Green
#75B84F
ΔE00 3.94
Dark Lime Green
#7EBD01
ΔE00 4.12
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#6EB82C #762CB8
analogous
#B4B82C #6EB82C #2CB830
triadic
#6EB82C #2C6EB8 #B82C6E
tetradic
#6EB82C #2CB4B8 #762CB8 #B8302C
square
#6EB82C #2CB4B8 #762CB8 #B8302C
split-complementary
#6EB82C #302CB8 #B82CB4
monochromatic
#335514 #508720 #6EB82C #8DD44D #ACE07E
Accessibility & contrast
On white
2.45
#6EB82C on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
8.56
#6EB82C on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #6EB82C
8.56:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##6EB82C | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##6EB82C | 1.00 | 2.45 | 8.56 | 8.56 |
| #FFFFFF | 2.45 | 1.00 | 21.00 | 21.00 |
| #000000 | 8.56 | 21.00 | 1.00 | 1.00 |
| ##000000 | 8.56 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#BFA909
Deuteranopia (green-blind)
#B5A33B
Tritanopia (blue-blind)
#6EB19E
Achromatopsia (no color)
#A5A5A5
Design tokens & code
CSS
--color: #6eb82c; /* rgb */ color: rgb(110, 184, 44); /* oklch */ color: oklch(70.8% 0.184 133.9);
Tailwind
colors: {
custom: {
50: '#9ece70',
500: '#6eb82c',
950: '#000000',
},
}SCSS
$custom: #6eb82c; $custom-light: #9ece70; $custom-dark: #000000;
JSON
{
"hex": "#6eb82c",
"rgb": {
"r": 110,
"g": 184,
"b": 44
},
"hsl": {
"h": 91.714,
"s": 61.404,
"l": 44.706
},
"oklch": {
"l": 0.70773,
"c": 0.18364,
"h": 133.9
},
"luminance": 0.37778
}Semantic roles & 50–950 ramp
primary
#6EB82C
secondary
#A277C9
accent
#43E599
background
#FAFCF7
surface
#F4F9ED
border
#CED2C8
text
#0F1308
muted
#7F827B