Preview
#5bf59b
Family: Green
Accessibility on this swatch:
Contrast vs white: 1.4:1 · vs black: 14.98:1
HEX
#5bf59b
RGB
rgb(91, 245, 155)
RGBA
rgba(91, 245, 155, 1)
HSL
hsl(145, 89%, 66%)
HSV
hsv(145, 63%, 96%)
LAB
lab(86.94% -60.24 31.63)
LCH
lch(86.94% 68.04 152.3)
OKLAB
oklab(0.8667 -0.1631 0.0791)
OKLCH
oklch(0.8667 0.1813 154.13)
XYZ
xyz(42.88, 69.89, 42.23)
CMYK
cmyk(63%, 0%, 37%, 4%)
CSS
color: #5bf59b;
CSS variable
--color-5bf59b: #5bf59b;
SCSS
$color-5bf59b: #5bf59b;
Tailwind
emerald-300
Export
:root {
--#5bf59b-1: #5bf59b;
}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.