Preview
#84c89f
Family: Green
Accessibility on this swatch:
Contrast vs white: 1.95:1 · vs black: 10.74:1
HEX
#84c89f
RGB
rgb(132, 200, 159)
RGBA
rgba(132, 200, 159, 1)
HSL
hsl(144, 38%, 65%)
HSV
hsv(144, 34%, 78%)
LAB
lab(75.27% -30.24 13.8)
LCH
lch(75.27% 33.24 155.47)
OKLAB
oklab(0.776 -0.0837 0.0354)
OKLCH
oklch(0.776 0.0909 157.07)
XYZ
xyz(36.43, 48.72, 40.28)
CMYK
cmyk(34%, 0%, 21%, 22%)
CSS
color: #84c89f;
CSS variable
--color-84c89f: #84c89f;
SCSS
$color-84c89f: #84c89f;
Tailwind
emerald-300
Export
:root {
--#84c89f-1: #84c89f;
}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.