Preview
#afb4bb
Family: Blue
Accessibility on this swatch:
Contrast vs white: 2.09:1 · vs black: 10.07:1
HEX
#afb4bb
RGB
rgb(175, 180, 187)
RGBA
rgba(175, 180, 187, 1)
HSL
hsl(215, 8%, 71%)
HSV
hsv(215, 6%, 73%)
LAB
lab(73.12% -0.39 -4.16)
LCH
lch(73.12% 4.18 264.64)
OKLAB
oklab(0.7681 -0.0026 -0.0111)
OKLCH
oklch(0.7681 0.0114 256.82)
XYZ
xyz(42.97, 45.34, 53.49)
CMYK
cmyk(6%, 4%, 0%, 27%)
CSS
color: #afb4bb;
CSS variable
--color-afb4bb: #afb4bb;
SCSS
$color-afb4bb: #afb4bb;
Tailwind
sky-200
Export
:root {
--#afb4bb-1: #afb4bb;
}Trust, calm, and professionalism. The most used color in SaaS, finance, and healthcare.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Blue family.