Preview
#cbc2ff
Family: Indigo
Accessibility on this swatch:
Contrast vs white: 1.65:1 · vs black: 12.7:1
HEX
#cbc2ff
RGB
rgb(203, 194, 255)
RGBA
rgba(203, 194, 255, 1)
HSL
hsl(249, 100%, 88%)
HSV
hsv(249, 24%, 100%)
LAB
lab(81.02% 15.38 -28.82)
LCH
lch(81.02% 32.67 298.09)
OKLAB
oklab(0.8422 0.0307 -0.0791)
OKLCH
oklch(0.8422 0.0848 291.21)
XYZ
xyz(61.97, 58.50, 102.62)
CMYK
cmyk(20%, 24%, 0%, 0%)
CSS
color: #cbc2ff;
CSS variable
--color-cbc2ff: #cbc2ff;
SCSS
$color-cbc2ff: #cbc2ff;
Tailwind
indigo-100
Export
:root {
--#cbc2ff-1: #cbc2ff;
}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.