Preview
#cacfe5
Family: Blue
Accessibility on this swatch:
Contrast vs white: 1.55:1 · vs black: 13.57:1
HEX
#cacfe5
RGB
rgb(202, 207, 229)
RGBA
rgba(202, 207, 229, 1)
HSL
hsl(229, 34%, 85%)
HSV
hsv(229, 12%, 90%)
LAB
lab(83.36% 2.57 -11.42)
LCH
lch(83.36% 11.71 282.68)
OKLAB
oklab(0.8574 0.003 -0.0308)
OKLCH
oklch(0.8574 0.0309 275.56)
XYZ
xyz(60.81, 62.84, 83.04)
CMYK
cmyk(12%, 10%, 0%, 10%)
CSS
color: #cacfe5;
CSS variable
--color-cacfe5: #cacfe5;
SCSS
$color-cacfe5: #cacfe5;
Tailwind
blue-100
Export
:root {
--#cacfe5-1: #cacfe5;
}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.