Preview
#afbabb
Family: Cyan
Accessibility on this swatch:
Contrast vs white: 1.99:1 · vs black: 10.56:1
HEX
#afbabb
RGB
rgb(175, 186, 187)
RGBA
rgba(175, 186, 187, 1)
HSL
hsl(185, 8%, 71%)
HSV
hsv(185, 6%, 73%)
LAB
lab(74.71% -3.6 -1.82)
LCH
lch(74.71% 4.03 206.82)
OKLAB
oklab(0.7806 -0.0113 -0.0049)
OKLCH
oklch(0.7806 0.0123 203.44)
XYZ
xyz(44.21, 47.82, 53.91)
CMYK
cmyk(6%, 1%, 0%, 27%)
CSS
color: #afbabb;
CSS variable
--color-afbabb: #afbabb;
SCSS
$color-afbabb: #afbabb;
Tailwind
cyan-200
Export
:root {
--#afbabb-1: #afbabb;
}Freshness, clarity, and innovation. Great for tech accents and clean digital products.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Cyan family.