Preview
#5aa975
HEX
#5aa975
RGB
rgb(90, 169, 117)
RGBA
rgba(90, 169, 117, 1)
HSL
hsl(141, 31%, 51%)
HSV
hsv(141, 47%, 66%)
LAB
lab(63.2% -36.21 19.5)
LCH
lch(63.2% 41.13 151.7)
OKLAB
oklab(0.6701 -0.0989 0.0494)
OKLCH
oklch(0.6701 0.1106 153.46)
XYZ
xyz(21.61, 31.83, 21.83)
CMYK
cmyk(47%, 0%, 31%, 34%)
CSS
color: #5aa975;
CSS variable
--color-5aa975: #5aa975;
SCSS
$color-5aa975: #5aa975;
Tailwind
emerald-400
Export
:root {
--#5aa975-1: #5aa975;
}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.