Preview
#55f7a8
Family: Green
Accessibility on this swatch:
Contrast vs white: 1.38:1 · vs black: 15.26:1
HEX
#55f7a8
RGB
rgb(85, 247, 168)
RGBA
rgba(85, 247, 168, 1)
HSL
hsl(151, 91%, 65%)
HSV
hsv(151, 66%, 97%)
LAB
lab(87.62% -59.63 25.94)
LCH
lch(87.62% 65.03 156.49)
OKLAB
oklab(0.8726 -0.1621 0.0656)
OKLCH
oklch(0.8726 0.1749 157.97)
XYZ
xyz(44.07, 71.28, 48.47)
CMYK
cmyk(66%, 0%, 32%, 3%)
CSS
color: #55f7a8;
CSS variable
--color-55f7a8: #55f7a8;
SCSS
$color-55f7a8: #55f7a8;
Tailwind
emerald-300
Export
:root {
--#55f7a8-1: #55f7a8;
}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.