Preview
#bbcadd
Family: Blue
Accessibility on this swatch:
Contrast vs white: 1.67:1 · vs black: 12.61:1
HEX
#bbcadd
RGB
rgb(187, 202, 221)
RGBA
rgba(187, 202, 221, 1)
HSL
hsl(214, 33%, 80%)
HSV
hsv(214, 15%, 87%)
LAB
lab(80.75% -1.24 -11.15)
LCH
lch(80.75% 11.22 263.65)
OKLAB
oklab(0.8335 -0.0084 -0.0301)
OKLCH
oklch(0.8335 0.0313 254.41)
XYZ
xyz(54.66, 58.03, 76.71)
CMYK
cmyk(15%, 9%, 0%, 13%)
CSS
color: #bbcadd;
CSS variable
--color-bbcadd: #bbcadd;
SCSS
$color-bbcadd: #bbcadd;
Tailwind
sky-200
Export
:root {
--#bbcadd-1: #bbcadd;
}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.