Preview
#cdcdd4
Family: Indigo
Accessibility on this swatch:
Contrast vs white: 1.58:1 · vs black: 13.28:1
HEX
#cdcdd4
RGB
rgb(205, 205, 212)
RGBA
rgba(205, 205, 212, 1)
HSL
hsl(240, 8%, 82%)
HSV
hsv(240, 3%, 83%)
LAB
lab(82.59% 1.3 -3.47)
LCH
lch(82.59% 3.71 290.54)
OKLAB
oklab(0.8504 0.0027 -0.0092)
OKLCH
oklch(0.8504 0.0096 286.36)
XYZ
xyz(58.89, 61.40, 71.02)
CMYK
cmyk(3%, 3%, 0%, 17%)
CSS
color: #cdcdd4;
CSS variable
--color-cdcdd4: #cdcdd4;
SCSS
$color-cdcdd4: #cdcdd4;
Tailwind
indigo-100
Export
:root {
--#cdcdd4-1: #cdcdd4;
}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.