Preview
#59cf8e
Family: Green
Accessibility on this swatch:
Contrast vs white: 1.96:1 · vs black: 10.74:1
HEX
#59cf8e
RGB
rgb(89, 207, 142)
RGBA
rgba(89, 207, 142, 1)
HSL
hsl(147, 55%, 58%)
HSV
hsv(147, 57%, 81%)
LAB
lab(75.26% -48.05 22.55)
LCH
lch(75.26% 53.08 154.86)
OKLAB
oklab(0.77 -0.1309 0.057)
OKLCH
oklch(0.77 0.1428 156.47)
XYZ
xyz(31.31, 48.70, 33.34)
CMYK
cmyk(57%, 0%, 31%, 19%)
CSS
color: #59cf8e;
CSS variable
--color-59cf8e: #59cf8e;
SCSS
$color-59cf8e: #59cf8e;
Tailwind
emerald-400
Export
:root {
--spectrum-#59cf8e-1: #59cf8e;
}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.