Preview
#c9c9ff
Family: Indigo
Accessibility on this swatch:
Contrast vs white: 1.58:1 · vs black: 13.28:1
HEX
#c9c9ff
RGB
rgb(201, 201, 255)
RGBA
rgba(201, 201, 255, 1)
HSL
hsl(240, 100%, 89%)
HSV
hsv(240, 21%, 100%)
LAB
lab(82.6% 11 -26.41)
LCH
lch(82.6% 28.61 292.61)
OKLAB
oklab(0.8541 0.019 -0.0723)
OKLCH
oklch(0.8541 0.0748 284.72)
XYZ
xyz(63.02, 61.41, 103.12)
CMYK
cmyk(21%, 21%, 0%, 0%)
CSS
color: #c9c9ff;
CSS variable
--color-c9c9ff: #c9c9ff;
SCSS
$color-c9c9ff: #c9c9ff;
Tailwind
indigo-100
Export
:root {
--#c9c9ff-1: #c9c9ff;
}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.