Preview
#c4d6ed
Family: Blue
Accessibility on this swatch:
Contrast vs white: 1.48:1 · vs black: 14.19:1
HEX
#c4d6ed
RGB
rgb(196, 214, 237)
RGBA
rgba(196, 214, 237, 1)
HSL
hsl(214, 53%, 85%)
HSV
hsv(214, 17%, 93%)
LAB
lab(84.97% -1.35 -13.31)
LCH
lch(84.97% 13.38 264.21)
OKLAB
oklab(0.8698 -0.0099 -0.0361)
OKLCH
oklch(0.8698 0.0374 254.66)
XYZ
xyz(62.09, 65.94, 89.56)
CMYK
cmyk(17%, 10%, 0%, 7%)
CSS
color: #c4d6ed;
CSS variable
--color-c4d6ed: #c4d6ed;
SCSS
$color-c4d6ed: #c4d6ed;
Tailwind
sky-100
Export
:root {
--#c4d6ed-1: #c4d6ed;
}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.