Preview
#ceccff
Family: Indigo
Accessibility on this swatch:
Contrast vs white: 1.53:1 · vs black: 13.71:1
HEX
#ceccff
RGB
rgb(206, 204, 255)
RGBA
rgba(206, 204, 255, 1)
HSL
hsl(242, 100%, 90%)
HSV
hsv(242, 20%, 100%)
LAB
lab(83.72% 10.9 -24.67)
LCH
lch(83.72% 26.97 293.84)
OKLAB
oklab(0.8637 0.0201 -0.0674)
OKLCH
oklch(0.8637 0.0703 286.61)
XYZ
xyz(65.09, 63.53, 103.42)
CMYK
cmyk(19%, 20%, 0%, 0%)
CSS
color: #ceccff;
CSS variable
--color-ceccff: #ceccff;
SCSS
$color-ceccff: #ceccff;
Tailwind
indigo-100
Export
:root {
--#ceccff-1: #ceccff;
}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.