#79EE6C#79EE6C
#79EE6C is a very light, highly saturated green. Relative luminance 0.663; OKLCH L 85.2% C 0.200 H 141.7°. Best body text is #000000 at 14.26:1 contrast (WCAG AA passes).
Color values
| HEX | #79EE6C |
|---|---|
| RGB | rgb(121, 238, 108) |
| HSL | hsl(114, 79%, 68%) |
| HSV | hsv(114, 55%, 93%) |
| CMYK | cmyk(49.2%, 0%, 54.6%, 6.7%) |
| CIE-LAB | lab(85.15, -57.68, 52.23) |
| CIE-LCH | lch(85.15, 77.81, 137.84°) |
| OKLab | oklab(85.25% -0.1574 0.1241) |
| OKLCH | oklch(85.25% 0.2 141.7) |
| XYZ | xyz(41.1646, 66.2937, 24.8112) |
| Luminance | 0.6630 (WCAG relative) |
| Temperature | neutral |
| Family | green |
Closest named colors
Lightish Green
#61E160
ΔE00 3.37
Light Green
#96F97B
ΔE00 3.37
Easter Green
#8CFD7E
ΔE00 3.45
Lighter Green
#75FD63
ΔE00 3.67
Lightgreen (survey)
#76FF7B
ΔE00 3.69
Light Bright Green
#53FE5C
ΔE00 4.57
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#79EE6C #E16CEE
analogous
#BAEE6C #79EE6C #6CEEA0
triadic
#79EE6C #6C79EE #EE6C79
tetradic
#79EE6C #6CBAEE #E16CEE #EEA06C
square
#79EE6C #6CBAEE #E16CEE #EEA06C
split-complementary
#79EE6C #A06CEE #EE6CBA
monochromatic
#29C817 #47E835 #79EE6C #ABF4A3 #DDFBDA
Accessibility & contrast
On white
1.47
#79EE6C on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
14.26
#79EE6C on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #79EE6C
14.26:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##79EE6C | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##79EE6C | 1.00 | 1.47 | 14.26 | 14.26 |
| #FFFFFF | 1.47 | 1.00 | 21.00 | 21.00 |
| #000000 | 14.26 | 21.00 | 1.00 | 1.00 |
| ##000000 | 14.26 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#F3DB60
Deuteranopia (green-blind)
#E3D176
Tritanopia (blue-blind)
#6BE7D1
Achromatopsia (no color)
#D5D5D5
Design tokens & code
CSS
--color: #79ee6c; /* rgb */ color: rgb(121, 238, 108); /* oklch */ color: oklch(85.2% 0.200 141.7);
Tailwind
colors: {
custom: {
50: '#a8f499',
500: '#79ee6c',
950: '#000000',
},
}SCSS
$custom: #79ee6c; $custom-light: #a8f499; $custom-dark: #000000;
JSON
{
"hex": "#79ee6c",
"rgb": {
"r": 121,
"g": 238,
"b": 108
},
"hsl": {
"h": 114,
"s": 79.268,
"l": 67.843
},
"oklch": {
"l": 0.85246,
"c": 0.20046,
"h": 141.7
},
"luminance": 0.66297
}Semantic roles & 50–950 ramp
primary
#79EE6C
secondary
#B839C6
accent
#0ADCC7
background
#FDFFFC
surface
#F7FEF5
border
#D0D6CF
text
#10170E
muted
#81857F