Preview
#cbcff0
Family: Blue
Accessibility on this swatch:
Contrast vs white: 1.53:1 · vs black: 13.72:1
HEX
#cbcff0
RGB
rgb(203, 207, 240)
RGBA
rgba(203, 207, 240, 1)
HSL
hsl(234, 55%, 87%)
HSV
hsv(234, 15%, 94%)
LAB
lab(83.76% 5.16 -16.66)
LCH
lch(83.76% 17.44 287.21)
OKLAB
oklab(0.8619 0.0079 -0.0452)
OKLCH
oklch(0.8619 0.0459 279.91)
XYZ
xyz(62.67, 63.61, 91.40)
CMYK
cmyk(15%, 14%, 0%, 6%)
CSS
color: #cbcff0;
CSS variable
--color-cbcff0: #cbcff0;
SCSS
$color-cbcff0: #cbcff0;
Tailwind
blue-100
Export
:root {
--#cbcff0-1: #cbcff0;
}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.