Preview
#ccd4e5
Family: Blue
Accessibility on this swatch:
Contrast vs white: 1.49:1 · vs black: 14.12:1
HEX
#ccd4e5
RGB
rgb(204, 212, 229)
RGBA
rgba(204, 212, 229, 1)
HSL
hsl(221, 32%, 85%)
HSV
hsv(221, 11%, 90%)
LAB
lab(84.78% 0.59 -9.28)
LCH
lch(84.78% 9.3 273.64)
OKLAB
oklab(0.869 -0.0019 -0.025)
OKLCH
oklch(0.869 0.0251 265.65)
XYZ
xyz(62.59, 65.58, 83.47)
CMYK
cmyk(11%, 7%, 0%, 10%)
CSS
color: #ccd4e5;
CSS variable
--color-ccd4e5: #ccd4e5;
SCSS
$color-ccd4e5: #ccd4e5;
Tailwind
blue-100
Export
:root {
--#ccd4e5-1: #ccd4e5;
}Trust, calm, and professionalism. The most used color in SaaS, finance, and healthcare.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Blue family.