Preview
#cccdda
Family: Indigo
Accessibility on this swatch:
Contrast vs white: 1.58:1 · vs black: 13.31:1
HEX
#cccdda
RGB
rgb(204, 205, 218)
RGBA
rgba(204, 205, 218, 1)
HSL
hsl(236, 16%, 83%)
HSV
hsv(236, 6%, 85%)
LAB
lab(82.68% 2.11 -6.55)
LCH
lch(82.68% 6.88 287.86)
OKLAB
oklab(0.8514 0.0039 -0.0175)
OKLCH
oklch(0.8514 0.0179 282.56)
XYZ
xyz(59.39, 61.56, 75.07)
CMYK
cmyk(6%, 6%, 0%, 15%)
CSS
color: #cccdda;
CSS variable
--color-cccdda: #cccdda;
SCSS
$color-cccdda: #cccdda;
Tailwind
blue-100
Export
:root {
--#cccdda-1: #cccdda;
}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.