Preview
#20df33
Family: Light Green
Accessibility on this swatch:
Contrast vs white: 1.8:1 · vs black: 11.66:1
HEX
#20df33
RGB
rgb(32, 223, 51)
RGBA
rgba(32, 223, 51, 1)
HSL
hsl(126, 75%, 50%)
HSV
hsv(126, 86%, 87%)
LAB
lab(78.06% -74.42 66.37)
LCH
lch(78.06% 99.72 138.27)
OKLAB
oklab(0.7866 -0.2013 0.1486)
OKLCH
oklch(0.7866 0.2502 143.57)
XYZ
xyz(27.58, 53.32, 11.97)
CMYK
cmyk(86%, 0%, 77%, 13%)
CSS
color: #20df33;
CSS variable
--color-20df33: #20df33;
SCSS
$color-20df33: #20df33;
Tailwind
green-500
Export
:root {
--#20df33-1: #20df33;
}Vitality, optimism, and renewal. Friendly for outdoor and lifestyle brands.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Light Green family.