Preview
#afb6b6
Family: Grey
Accessibility on this swatch:
Contrast vs white: 2.06:1 · vs black: 10.19:1
HEX
#afb6b6
RGB
rgb(175, 182, 182)
RGBA
rgba(175, 182, 182, 1)
HSL
hsl(180, 5%, 70%)
HSV
hsv(180, 4%, 71%)
LAB
lab(73.51% -2.44 -0.85)
LCH
lch(73.51% 2.58 199.21)
OKLAB
oklab(0.7707 -0.0075 -0.0023)
OKLCH
oklch(0.7707 0.0078 197.05)
XYZ
xyz(42.85, 45.95, 50.86)
CMYK
cmyk(4%, 0%, 0%, 29%)
CSS
color: #afb6b6;
CSS variable
--color-afb6b6: #afb6b6;
SCSS
$color-afb6b6: #afb6b6;
Tailwind
slate-300
Export
:root {
--#afb6b6-1: #afb6b6;
}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.