Preview
#c9d2e4
Family: Blue
Accessibility on this swatch:
Contrast vs white: 1.52:1 · vs black: 13.82:1
HEX
#c9d2e4
RGB
rgb(201, 210, 228)
RGBA
rgba(201, 210, 228, 1)
HSL
hsl(220, 33%, 84%)
HSV
hsv(220, 12%, 89%)
LAB
lab(84.02% 0.47 -9.9)
LCH
lch(84.02% 9.91 272.72)
OKLAB
oklab(0.8624 -0.0026 -0.0267)
OKLCH
oklch(0.8624 0.0268 264.44)
XYZ
xyz(61.13, 64.11, 82.54)
CMYK
cmyk(12%, 8%, 0%, 11%)
CSS
color: #c9d2e4;
CSS variable
--color-c9d2e4: #c9d2e4;
SCSS
$color-c9d2e4: #c9d2e4;
Tailwind
blue-100
Export
:root {
--#c9d2e4-1: #c9d2e4;
}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.