Preview
#ccccd6
Family: Indigo
Accessibility on this swatch:
Contrast vs white: 1.59:1 · vs black: 13.18:1
HEX
#ccccd6
RGB
rgb(204, 204, 214)
RGBA
rgba(204, 204, 214, 1)
HSL
hsl(240, 11%, 82%)
HSV
hsv(240, 5%, 84%)
LAB
lab(82.31% 1.87 -4.95)
LCH
lch(82.31% 5.29 290.7)
OKLAB
oklab(0.8482 0.0038 -0.0132)
OKLCH
oklch(0.8482 0.0137 286.06)
XYZ
xyz(58.63, 60.88, 72.27)
CMYK
cmyk(5%, 5%, 0%, 16%)
CSS
color: #ccccd6;
CSS variable
--color-ccccd6: #ccccd6;
SCSS
$color-ccccd6: #ccccd6;
Tailwind
indigo-100
Export
:root {
--#ccccd6-1: #ccccd6;
}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.