Preview
#ccccf5
Family: Indigo
Accessibility on this swatch:
Contrast vs white: 1.55:1 · vs black: 13.52:1
HEX
#ccccf5
RGB
rgb(204, 204, 245)
RGBA
rgba(204, 204, 245, 1)
HSL
hsl(240, 67%, 88%)
HSV
hsv(240, 17%, 96%)
LAB
lab(83.24% 8.13 -20.1)
LCH
lch(83.24% 21.68 292.02)
OKLAB
oklab(0.8585 0.0148 -0.0547)
OKLCH
oklch(0.8585 0.0567 285.14)
XYZ
xyz(62.97, 62.61, 95.14)
CMYK
cmyk(17%, 17%, 0%, 4%)
CSS
color: #ccccf5;
CSS variable
--color-ccccf5: #ccccf5;
SCSS
$color-ccccf5: #ccccf5;
Tailwind
indigo-100
Export
:root {
--#ccccf5-1: #ccccf5;
}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.