Preview
#cfcfdf
Family: Indigo
Accessibility on this swatch:
Contrast vs white: 1.54:1 · vs black: 13.64:1
HEX
#cfcfdf
RGB
rgb(207, 207, 223)
RGBA
rgba(207, 207, 223, 1)
HSL
hsl(240, 20%, 84%)
HSV
hsv(240, 7%, 87%)
LAB
lab(83.56% 3.01 -7.89)
LCH
lch(83.56% 8.44 290.88)
OKLAB
oklab(0.8594 0.006 -0.0211)
OKLCH
oklch(0.8594 0.0219 285.87)
XYZ
xyz(61.36, 63.22, 78.77)
CMYK
cmyk(7%, 7%, 0%, 13%)
CSS
color: #cfcfdf;
CSS variable
--color-cfcfdf: #cfcfdf;
SCSS
$color-cfcfdf: #cfcfdf;
Tailwind
indigo-100
Export
:root {
--#cfcfdf-1: #cfcfdf;
}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.