Preview
#cadcf7
Family: Blue
Accessibility on this swatch:
Contrast vs white: 1.39:1 · vs black: 15.09:1
HEX
#cadcf7
RGB
rgb(202, 220, 247)
RGBA
rgba(202, 220, 247, 1)
HSL
hsl(216, 74%, 88%)
HSV
hsv(216, 18%, 97%)
LAB
lab(87.22% -0.52 -15.18)
LCH
lch(87.22% 15.19 268.04)
OKLAB
oklab(0.8895 -0.0085 -0.0412)
OKLCH
oklch(0.8895 0.0421 258.34)
XYZ
xyz(66.73, 70.46, 98.06)
CMYK
cmyk(18%, 11%, 0%, 3%)
CSS
color: #cadcf7;
CSS variable
--color-cadcf7: #cadcf7;
SCSS
$color-cadcf7: #cadcf7;
Tailwind
sky-100
Export
:root {
--#cadcf7-1: #cadcf7;
}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.