Preview
#c6ccdc
Family: Blue
Accessibility on this swatch:
Contrast vs white: 1.61:1 · vs black: 13.07:1
HEX
#c6ccdc
RGB
rgb(198, 204, 220)
RGBA
rgba(198, 204, 220, 1)
HSL
hsl(224, 24%, 82%)
HSV
hsv(224, 10%, 86%)
LAB
lab(82.03% 1.05 -8.62)
LCH
lch(82.03% 8.68 276.94)
OKLAB
oklab(0.8455 -0.0002 -0.0232)
OKLCH
oklch(0.8455 0.0232 269.51)
XYZ
xyz(57.80, 60.36, 76.30)
CMYK
cmyk(10%, 7%, 0%, 14%)
CSS
color: #c6ccdc;
CSS variable
--color-c6ccdc: #c6ccdc;
SCSS
$color-c6ccdc: #c6ccdc;
Tailwind
blue-100
Export
:root {
--#c6ccdc-1: #c6ccdc;
}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.