Preview
#ccd3dc
Family: Blue
Accessibility on this swatch:
Contrast vs white: 1.51:1 · vs black: 13.92:1
HEX
#ccd3dc
RGB
rgb(204, 211, 220)
RGBA
rgba(204, 211, 220, 1)
HSL
hsl(214, 19%, 83%)
HSV
hsv(214, 7%, 86%)
LAB
lab(84.27% -0.66 -5.26)
LCH
lch(84.27% 5.3 262.85)
OKLAB
oklab(0.8641 -0.0039 -0.0141)
OKLCH
oklch(0.8641 0.0146 254.54)
XYZ
xyz(61.11, 64.59, 76.94)
CMYK
cmyk(7%, 4%, 0%, 14%)
CSS
color: #ccd3dc;
CSS variable
--color-ccd3dc: #ccd3dc;
SCSS
$color-ccd3dc: #ccd3dc;
Tailwind
sky-100
Export
:root {
--#ccd3dc-1: #ccd3dc;
}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.