Preview
#a5bab1
Family: Green
Accessibility on this swatch:
Contrast vs white: 2.05:1 · vs black: 10.26:1
HEX
#a5bab1
RGB
rgb(165, 186, 177)
RGBA
rgba(165, 186, 177, 1)
HSL
hsl(154, 13%, 69%)
HSV
hsv(154, 11%, 73%)
LAB
lab(73.73% -8.96 2.12)
LCH
lch(73.73% 9.21 166.69)
OKLAB
oklab(0.7702 -0.0258 0.0055)
OKLCH
oklch(0.7702 0.0264 167.97)
XYZ
xyz(41.01, 46.29, 48.36)
CMYK
cmyk(11%, 0%, 5%, 27%)
CSS
color: #a5bab1;
CSS variable
--color-a5bab1: #a5bab1;
SCSS
$color-a5bab1: #a5bab1;
Tailwind
emerald-300
Export
:root {
--#a5bab1-1: #a5bab1;
}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.