Preview
#c5d2e2
Family: Blue
Accessibility on this swatch:
Contrast vs white: 1.53:1 · vs black: 13.69:1
HEX
#c5d2e2
RGB
rgb(197, 210, 226)
RGBA
rgba(197, 210, 226, 1)
HSL
hsl(213, 33%, 83%)
HSV
hsv(213, 13%, 89%)
LAB
lab(83.68% -1.22 -9.38)
LCH
lch(83.68% 9.46 262.59)
OKLAB
oklab(0.8588 -0.0074 -0.0253)
OKLCH
oklch(0.8588 0.0264 253.7)
XYZ
xyz(59.80, 63.45, 81.03)
CMYK
cmyk(13%, 7%, 0%, 11%)
CSS
color: #c5d2e2;
CSS variable
--color-c5d2e2: #c5d2e2;
SCSS
$color-c5d2e2: #c5d2e2;
Tailwind
sky-100
Export
:root {
--#c5d2e2-1: #c5d2e2;
}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.