Preview
#afb6b5
Family: Grey
Accessibility on this swatch:
Contrast vs white: 2.06:1 · vs black: 10.18:1
HEX
#afb6b5
RGB
rgb(175, 182, 181)
RGBA
rgba(175, 182, 181, 1)
HSL
hsl(171, 5%, 70%)
HSV
hsv(171, 4%, 71%)
LAB
lab(73.48% -2.63 -0.34)
LCH
lch(73.48% 2.65 187.37)
OKLAB
oklab(0.7704 -0.0079 -0.0009)
OKLCH
oklch(0.7704 0.008 186.5)
XYZ
xyz(42.75, 45.91, 50.32)
CMYK
cmyk(4%, 0%, 1%, 29%)
CSS
color: #afb6b5;
CSS variable
--color-afb6b5: #afb6b5;
SCSS
$color-afb6b5: #afb6b5;
Tailwind
slate-300
Export
:root {
--#afb6b5-1: #afb6b5;
}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.