#59D128#59D128
#59D128 is a light, highly saturated green. Relative luminance 0.479; OKLCH L 76.2% C 0.224 H 138.9°. Best body text is #000000 at 10.58:1 contrast (WCAG AA passes).
Color values
| HEX | #59D128 |
|---|---|
| RGB | rgb(89, 209, 40) |
| HSL | hsl(103, 68%, 49%) |
| HSV | hsv(103, 81%, 82%) |
| CMYK | cmyk(57.4%, 0%, 80.9%, 18%) |
| CIE-LAB | lab(74.75, -61.24, 66.80) |
| CIE-LCH | lch(74.75, 90.63, 132.51°) |
| OKLab | oklab(76.21% -0.169 0.1476) |
| OKLCH | oklch(76.21% 0.224 138.9) |
| XYZ | xyz(27.3022, 47.8756, 9.8092) |
| Luminance | 0.4788 (WCAG relative) |
| Temperature | warm |
| Family | green |
Closest named colors
Apple
#6ECB3C
ΔE00 2.64
Green Apple
#5EDC1F
ΔE00 2.82
Toxic Green
#61DE2A
ΔE00 3.16
Apple Green
#76CD26
ΔE00 3.22
Lime Green
#32CD32
ΔE00 3.24
Fresh Green
#69D84F
ΔE00 3.42
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#59D128 #A028D1
analogous
#AED128 #59D128 #28D14C
triadic
#59D128 #2859D1 #D12859
tetradic
#59D128 #28AED1 #A028D1 #D14C28
square
#59D128 #28AED1 #A028D1 #D14C28
split-complementary
#59D128 #4C28D1 #D128AE
monochromatic
#2D6A14 #439E1E #59D128 #7FDF57 #A6E98B
Accessibility & contrast
On white
1.99
#59D128 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
10.58
#59D128 on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #59D128
10.58:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##59D128 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##59D128 | 1.00 | 1.99 | 10.58 | 10.58 |
| #FFFFFF | 1.99 | 1.00 | 21.00 | 21.00 |
| #000000 | 10.58 | 21.00 | 1.00 | 1.00 |
| ##000000 | 10.58 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#D7BE00
Deuteranopia (green-blind)
#C8B43D
Tritanopia (blue-blind)
#4CCAB2
Achromatopsia (no color)
#B8B8B8
Design tokens & code
CSS
--color: #59d128; /* rgb */ color: rgb(89, 209, 40); /* oklch */ color: oklch(76.2% 0.224 138.9);
Tailwind
colors: {
custom: {
50: '#95e071',
500: '#59d128',
950: '#000000',
},
}SCSS
$custom: #59d128; $custom-light: #95e071; $custom-dark: #000000;
JSON
{
"hex": "#59d128",
"rgb": {
"r": 89,
"g": 209,
"b": 40
},
"hsl": {
"h": 102.604,
"s": 67.871,
"l": 48.824
},
"oklch": {
"l": 0.76211,
"c": 0.22439,
"h": 138.9
},
"luminance": 0.47878
}Semantic roles & 50–950 ramp
primary
#59D128
secondary
#BB82D3
accent
#3DEBB8
background
#F9FDF7
surface
#F2FBED
border
#CCD4C8
text
#0F1509
muted
#7E837B