Preview
#cdcfd4
Family: Blue
Accessibility on this swatch:
Contrast vs white: 1.56:1 · vs black: 13.47:1
HEX
#cdcfd4
RGB
rgb(205, 207, 212)
RGBA
rgba(205, 207, 212, 1)
HSL
hsl(223, 8%, 82%)
HSV
hsv(223, 3%, 83%)
LAB
lab(83.1% 0.24 -2.71)
LCH
lch(83.1% 2.72 275.06)
OKLAB
oklab(0.8544 -0.0002 -0.0072)
OKLCH
oklch(0.8544 0.0072 268.41)
XYZ
xyz(59.37, 62.36, 71.18)
CMYK
cmyk(3%, 2%, 0%, 17%)
CSS
color: #cdcfd4;
CSS variable
--color-cdcfd4: #cdcfd4;
SCSS
$color-cdcfd4: #cdcfd4;
Tailwind
blue-100
Export
:root {
--#cdcfd4-1: #cdcfd4;
}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.