#79CA53#79CA53
#79CA53 is a light, vivid green. Relative luminance 0.469; OKLCH L 76.2% C 0.174 H 136.9°. Best body text is #000000 at 10.39:1 contrast (WCAG AA passes).
Color values
| HEX | #79CA53 |
|---|---|
| RGB | rgb(121, 202, 83) |
| HSL | hsl(101, 53%, 56%) |
| HSV | hsv(101, 59%, 79%) |
| CMYK | cmyk(40.1%, 0%, 58.9%, 20.8%) |
| CIE-LAB | lab(74.14, -45.99, 50.70) |
| CIE-LCH | lch(74.14, 68.45, 132.21°) |
| OKLab | oklab(76.15% -0.127 0.1188) |
| OKLCH | oklch(76.15% 0.174 136.9) |
| XYZ | xyz(30.5661, 46.9289, 15.6295) |
| Luminance | 0.4693 (WCAG relative) |
| Temperature | warm |
| Family | green |
Closest named colors
Apple
#6ECB3C
ΔE00 2.55
Fresh Green
#69D84F
ΔE00 4.00
Apple Green
#76CD26
ΔE00 4.58
Turtle Green
#75B84F
ΔE00 4.76
Pistachio
#93C572
ΔE00 5.72
Lime Green
#32CD32
ΔE00 5.78
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#79CA53 #A453CA
analogous
#B5CA53 #79CA53 #53CA68
triadic
#79CA53 #5379CA #CA5379
tetradic
#79CA53 #53B5CA #A453CA #CA6853
square
#79CA53 #53B5CA #A453CA #CA6853
split-complementary
#79CA53 #6853CA #CA53B5
monochromatic
#427C26 #5BAB35 #79CA53 #9DD882 #C2E7B1
Accessibility & contrast
On white
2.02
#79CA53 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
10.39
#79CA53 on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #79CA53
10.39:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##79CA53 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##79CA53 | 1.00 | 2.02 | 10.39 | 10.39 |
| #FFFFFF | 2.02 | 1.00 | 21.00 | 21.00 |
| #000000 | 10.39 | 21.00 | 1.00 | 1.00 |
| ##000000 | 10.39 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#D0BB46
Deuteranopia (green-blind)
#C5B45C
Tritanopia (blue-blind)
#75C3B0
Achromatopsia (no color)
#B6B6B6
Design tokens & code
CSS
--color: #79ca53; /* rgb */ color: rgb(121, 202, 83); /* oklch */ color: oklch(76.2% 0.174 136.9);
Tailwind
colors: {
custom: {
50: '#a5da87',
500: '#79ca53',
950: '#000000',
},
}SCSS
$custom: #79ca53; $custom-light: #a5da87; $custom-dark: #000000;
JSON
{
"hex": "#79ca53",
"rgb": {
"r": 121,
"g": 202,
"b": 83
},
"hsl": {
"h": 100.84,
"s": 52.889,
"l": 55.882
},
"oklch": {
"l": 0.76153,
"c": 0.17387,
"h": 136.9
},
"luminance": 0.46931
}Semantic roles & 50–950 ramp
primary
#79CA53
secondary
#C5A4D5
accent
#4CDCAE
background
#FAFDF8
surface
#F4FBF0
border
#CED4CB
text
#10150C
muted
#7F837D