Preview
#5def7f
Family: Green
Accessibility on this swatch:
Contrast vs white: 1.49:1 · vs black: 14.12:1
HEX
#5def7f
RGB
rgb(93, 239, 127)
RGBA
rgba(93, 239, 127, 1)
HSL
hsl(134, 82%, 65%)
HSV
hsv(134, 61%, 94%)
LAB
lab(84.79% -62.22 42.67)
LCH
lch(84.79% 75.45 145.56)
OKLAB
oklab(0.8478 -0.168 0.104)
OKLCH
oklch(0.8478 0.1976 148.24)
XYZ
xyz(39.21, 65.59, 30.67)
CMYK
cmyk(61%, 0%, 47%, 6%)
CSS
color: #5def7f;
CSS variable
--color-5def7f: #5def7f;
SCSS
$color-5def7f: #5def7f;
Tailwind
green-300
Export
:root {
--#5def7f-1: #5def7f;
}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.