Preview
#bcdbdf
Family: Cyan
Accessibility on this swatch:
Contrast vs white: 1.46:1 · vs black: 14.34:1
HEX
#bcdbdf
RGB
rgb(188, 219, 223)
RGBA
rgba(188, 219, 223, 1)
HSL
hsl(187, 35%, 81%)
HSV
hsv(187, 16%, 87%)
LAB
lab(85.34% -9.37 -5.4)
LCH
lch(85.34% 10.81 209.96)
OKLAB
oklab(0.8701 -0.0299 -0.0146)
OKLCH
oklch(0.8701 0.0333 206.03)
XYZ
xyz(59.39, 66.68, 79.54)
CMYK
cmyk(16%, 2%, 0%, 13%)
CSS
color: #bcdbdf;
CSS variable
--color-bcdbdf: #bcdbdf;
SCSS
$color-bcdbdf: #bcdbdf;
Tailwind
cyan-100
Export
:root {
--#bcdbdf-1: #bcdbdf;
}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.