Preview
#afafcf
Family: Indigo
Accessibility on this swatch:
Contrast vs white: 2.13:1 · vs black: 9.86:1
HEX
#afafcf
RGB
rgb(175, 175, 207)
RGBA
rgba(175, 175, 207, 1)
HSL
hsl(240, 25%, 75%)
HSV
hsv(240, 15%, 81%)
LAB
lab(72.41% 6.48 -16.17)
LCH
lch(72.41% 17.42 291.84)
OKLAB
oklab(0.7646 0.012 -0.0439)
OKLCH
oklch(0.7646 0.0455 285.29)
XYZ
xyz(44.27, 44.28, 65.23)
CMYK
cmyk(15%, 15%, 0%, 19%)
CSS
color: #afafcf;
CSS variable
--color-afafcf: #afafcf;
SCSS
$color-afafcf: #afafcf;
Tailwind
indigo-200
Export
:root {
--#afafcf-1: #afafcf;
}Intuition, depth, and sincerity. Common in enterprise software and thoughtful products.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Indigo family.