Preview
#acb6ac
Family: Grey
Accessibility on this swatch:
Contrast vs white: 2.09:1 · vs black: 10.04:1
HEX
#acb6ac
RGB
rgb(172, 182, 172)
RGBA
rgba(172, 182, 172, 1)
HSL
hsl(120, 6%, 69%)
HSV
hsv(120, 5%, 71%)
LAB
lab(73.03% -5.37 3.88)
LCH
lch(73.03% 6.63 144.15)
OKLAB
oklab(0.7655 -0.0147 0.0102)
OKLCH
oklch(0.7655 0.0179 145.24)
XYZ
xyz(41.19, 45.20, 45.58)
CMYK
cmyk(5%, 0%, 5%, 29%)
CSS
color: #acb6ac;
CSS variable
--color-acb6ac: #acb6ac;
SCSS
$color-acb6ac: #acb6ac;
Tailwind
slate-300
Export
:root {
--#acb6ac-1: #acb6ac;
}Neutrality, balance, and modernity. Essential for UI chrome, typography, and systems.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Grey family.