Preview
#5fd89c
Family: Green
Accessibility on this swatch:
Contrast vs white: 1.78:1 · vs black: 11.79:1
HEX
#5fd89c
RGB
rgb(95, 216, 156)
RGBA
rgba(95, 216, 156, 1)
HSL
hsl(150, 61%, 61%)
HSV
hsv(150, 56%, 85%)
LAB
lab(78.43% -47.7 19.57)
LCH
lch(78.43% 51.56 157.69)
OKLAB
oklab(0.7973 -0.1307 0.0498)
OKLCH
oklch(0.7973 0.1399 159.14)
XYZ
xyz(35.27, 53.94, 40.00)
CMYK
cmyk(56%, 0%, 28%, 15%)
CSS
color: #5fd89c;
CSS variable
--color-5fd89c: #5fd89c;
SCSS
$color-5fd89c: #5fd89c;
Tailwind
emerald-300
Export
:root {
--#5fd89c-1: #5fd89c;
}Growth, nature, and success. Strong for finance positives, eco brands, and health.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Green family.