Preview
#cfd5fc
Family: Blue
Accessibility on this swatch:
Contrast vs white: 1.44:1 · vs black: 14.58:1
HEX
#cfd5fc
RGB
rgb(207, 213, 252)
RGBA
rgba(207, 213, 252, 1)
HSL
hsl(232, 88%, 90%)
HSV
hsv(232, 18%, 99%)
LAB
lab(85.95% 5.77 -19.7)
LCH
lch(85.95% 20.53 286.32)
OKLAB
oklab(0.8809 0.0079 -0.0536)
OKLCH
oklch(0.8809 0.0542 278.38)
XYZ
xyz(67.09, 67.88, 101.64)
CMYK
cmyk(18%, 15%, 0%, 1%)
CSS
color: #cfd5fc;
CSS variable
--color-cfd5fc: #cfd5fc;
SCSS
$color-cfd5fc: #cfd5fc;
Tailwind
blue-100
Export
:root {
--#cfd5fc-1: #cfd5fc;
}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.