Preview
#ccd1ff
Family: Blue
Accessibility on this swatch:
Contrast vs white: 1.49:1 · vs black: 14.13:1
HEX
#ccd1ff
RGB
rgb(204, 209, 255)
RGBA
rgba(204, 209, 255, 1)
HSL
hsl(234, 100%, 90%)
HSV
hsv(234, 20%, 100%)
LAB
lab(84.82% 7.62 -23.01)
LCH
lch(84.82% 24.24 288.32)
OKLAB
oklab(0.8719 0.0112 -0.0628)
OKLCH
oklch(0.8719 0.0638 280.11)
XYZ
xyz(65.75, 65.66, 103.80)
CMYK
cmyk(20%, 18%, 0%, 0%)
CSS
color: #ccd1ff;
CSS variable
--color-ccd1ff: #ccd1ff;
SCSS
$color-ccd1ff: #ccd1ff;
Tailwind
blue-100
Export
:root {
--#ccd1ff-1: #ccd1ff;
}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.