Preview
#84c8a5
Family: Green
Accessibility on this swatch:
Contrast vs white: 1.95:1 · vs black: 10.79:1
HEX
#84c8a5
RGB
rgb(132, 200, 165)
RGBA
rgba(132, 200, 165, 1)
HSL
hsl(149, 38%, 65%)
HSV
hsv(149, 34%, 78%)
LAB
lab(75.41% -29.05 10.76)
LCH
lch(75.41% 30.98 159.68)
OKLAB
oklab(0.7775 -0.081 0.0277)
OKLCH
oklch(0.7775 0.0856 161.12)
XYZ
xyz(36.96, 48.93, 43.09)
CMYK
cmyk(34%, 0%, 17%, 22%)
CSS
color: #84c8a5;
CSS variable
--color-84c8a5: #84c8a5;
SCSS
$color-84c8a5: #84c8a5;
Tailwind
emerald-300
Export
:root {
--#84c8a5-1: #84c8a5;
}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.