Preview
#a3bcad
Family: Green
Accessibility on this swatch:
Contrast vs white: 2.03:1 · vs black: 10.35:1
HEX
#a3bcad
RGB
rgb(163, 188, 173)
RGBA
rgba(163, 188, 173, 1)
HSL
hsl(144, 16%, 69%)
HSV
hsv(144, 13%, 74%)
LAB
lab(74.04% -11.47 4.73)
LCH
lch(74.04% 12.41 157.59)
OKLAB
oklab(0.772 -0.0323 0.0123)
OKLCH
oklch(0.772 0.0346 159.15)
XYZ
xyz(40.63, 46.77, 46.41)
CMYK
cmyk(13%, 0%, 8%, 26%)
CSS
color: #a3bcad;
CSS variable
--color-a3bcad: #a3bcad;
SCSS
$color-a3bcad: #a3bcad;
Tailwind
emerald-300
Export
:root {
--#a3bcad-1: #a3bcad;
}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.