Preview
#55ff88
Family: Green
Accessibility on this swatch:
Contrast vs white: 1.31:1 · vs black: 16.05:1
HEX
#55ff88
RGB
rgb(85, 255, 136)
RGBA
rgba(85, 255, 136, 1)
HSL
hsl(138, 100%, 67%)
HSV
hsv(138, 67%, 100%)
LAB
lab(89.5% -68.1 44.25)
LCH
lch(89.5% 81.21 146.99)
OKLAB
oklab(0.8865 -0.1835 0.108)
OKLCH
oklch(0.8865 0.2129 149.52)
XYZ
xyz(43.95, 75.22, 35.49)
CMYK
cmyk(67%, 0%, 47%, 0%)
CSS
color: #55ff88;
CSS variable
--color-55ff88: #55ff88;
SCSS
$color-55ff88: #55ff88;
Tailwind
green-300
Export
:root {
--#55ff88-1: #55ff88;
}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.