Preview
#96c5a5
Family: Green
Accessibility on this swatch:
Contrast vs white: 1.94:1 · vs black: 10.83:1
HEX
#96c5a5
RGB
rgb(150, 197, 165)
RGBA
rgba(150, 197, 165, 1)
HSL
hsl(139, 29%, 68%)
HSV
hsv(139, 24%, 77%)
LAB
lab(75.53% -21.94 11.08)
LCH
lch(75.53% 24.58 153.21)
OKLAB
oklab(0.7811 -0.0609 0.0286)
OKLCH
oklch(0.7811 0.0673 154.84)
XYZ
xyz(39.33, 49.13, 43.00)
CMYK
cmyk(24%, 0%, 16%, 23%)
CSS
color: #96c5a5;
CSS variable
--color-96c5a5: #96c5a5;
SCSS
$color-96c5a5: #96c5a5;
Tailwind
green-300
Export
:root {
--#96c5a5-1: #96c5a5;
}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.