#65D592#65D592
#65D592 is a light, vivid green. Relative luminance 0.524; OKLCH L 79.0% C 0.141 H 155.0°. Best body text is #000000 at 11.49:1 contrast (WCAG AA passes).
Color values
| HEX | #65D592 |
|---|---|
| RGB | rgb(101, 213, 146) |
| HSL | hsl(144, 57%, 62%) |
| HSV | hsv(144, 53%, 84%) |
| CMYK | cmyk(52.6%, 0%, 31.5%, 16.5%) |
| CIE-LAB | lab(77.54, -47.03, 23.62) |
| CIE-LCH | lch(77.54, 52.63, 153.34°) |
| OKLab | oklab(79% -0.1282 0.0597) |
| OKLCH | oklch(79% 0.141 155) |
| XYZ | xyz(34.3467, 52.4276, 35.4981) |
| Luminance | 0.5243 (WCAG relative) |
| Temperature | neutral |
| Family | green |
Closest named colors
Emerald
#50C878
ΔE00 4.54
Aqua Green
#12E193
ΔE00 4.87
Seaweed
#18D17B
ΔE00 4.96
Eucalyptus
#44D7A8
ΔE00 5.94
Seafoam
#7FE0B3
ΔE00 6.04
Soft Green
#6FC276
ΔE00 6.09
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#65D592 #D565A8
analogous
#70D565 #65D592 #65D5CA
triadic
#65D592 #9265D5 #D59265
tetradic
#65D592 #6570D5 #D565A8 #D5CA65
square
#65D592 #6570D5 #D565A8 #D5CA65
split-complementary
#65D592 #CA65D5 #D56570
monochromatic
#299755 #36C770 #65D592 #95E2B4 #C5EFD6
Accessibility & contrast
On white
1.83
#65D592 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
11.49
#65D592 on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #65D592
11.49:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##65D592 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##65D592 | 1.00 | 1.83 | 11.49 | 11.49 |
| #FFFFFF | 1.83 | 1.00 | 21.00 | 21.00 |
| #000000 | 11.49 | 21.00 | 1.00 | 1.00 |
| ##000000 | 11.49 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#D4C68E
Deuteranopia (green-blind)
#C4BB96
Tritanopia (blue-blind)
#46D3C3
Achromatopsia (no color)
#C0C0C0
Design tokens & code
CSS
--color: #65d592; /* rgb */ color: rgb(101, 213, 146); /* oklch */ color: oklch(79.0% 0.141 155.0);
Tailwind
colors: {
custom: {
50: '#99e2b2',
500: '#65d592',
950: '#000000',
},
}SCSS
$custom: #65d592; $custom-light: #99e2b2; $custom-dark: #000000;
JSON
{
"hex": "#65d592",
"rgb": {
"r": 101,
"g": 213,
"b": 146
},
"hsl": {
"h": 144.107,
"s": 57.143,
"l": 61.569
},
"oklch": {
"l": 0.78995,
"c": 0.14141,
"h": 155
},
"luminance": 0.52431
}Semantic roles & 50–950 ramp
primary
#65D592
secondary
#9C4378
accent
#2183C5
background
#FCFEFD
surface
#F5FCF7
border
#CFD5D0
text
#0E1511
muted
#7F8481