Preview
#ccccff
Family: Indigo
Accessibility on this swatch:
Contrast vs white: 1.54:1 · vs black: 13.65:1
HEX
#ccccff
RGB
rgb(204, 204, 255)
RGBA
rgba(204, 204, 255, 1)
HSL
hsl(240, 100%, 90%)
HSV
hsv(240, 20%, 100%)
LAB
lab(83.57% 10.3 -24.91)
LCH
lch(83.57% 26.96 292.46)
OKLAB
oklab(0.8622 0.018 -0.0681)
OKLCH
oklch(0.8622 0.0704 284.81)
XYZ
xyz(64.54, 63.24, 103.39)
CMYK
cmyk(20%, 20%, 0%, 0%)
CSS
color: #ccccff;
CSS variable
--color-ccccff: #ccccff;
SCSS
$color-ccccff: #ccccff;
Tailwind
indigo-100
Export
:root {
--web-safe-#ccccff-1: #ccccff;
}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.