Preview
#bbdee3
Family: Cyan
Accessibility on this swatch:
Contrast vs white: 1.43:1 · vs black: 14.67:1
HEX
#bbdee3
RGB
rgb(187, 222, 227)
RGBA
rgba(187, 222, 227, 1)
HSL
hsl(187, 42%, 81%)
HSV
hsv(187, 18%, 89%)
LAB
lab(86.18% -10.39 -6.28)
LCH
lch(86.18% 12.14 211.15)
OKLAB
oklab(0.8769 -0.0333 -0.017)
OKLCH
oklch(0.8769 0.0374 207.04)
XYZ
xyz(60.48, 68.35, 82.66)
CMYK
cmyk(18%, 2%, 0%, 11%)
CSS
color: #bbdee3;
CSS variable
--color-bbdee3: #bbdee3;
SCSS
$color-bbdee3: #bbdee3;
Tailwind
cyan-100
Export
:root {
--#bbdee3-1: #bbdee3;
}Freshness, clarity, and innovation. Great for tech accents and clean digital products.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Cyan family.