Preview
#bcdcdc
Family: Cyan
Accessibility on this swatch:
Contrast vs white: 1.46:1 · vs black: 14.41:1
HEX
#bcdcdc
RGB
rgb(188, 220, 220)
RGBA
rgba(188, 220, 220, 1)
HSL
hsl(180, 31%, 80%)
HSV
hsv(180, 15%, 86%)
LAB
lab(85.53% -10.5 -3.54)
LCH
lch(85.53% 11.08 198.63)
OKLAB
oklab(0.8713 -0.0324 -0.0096)
OKLCH
oklch(0.8713 0.0338 196.5)
XYZ
xyz(59.25, 67.04, 77.52)
CMYK
cmyk(15%, 0%, 0%, 14%)
CSS
color: #bcdcdc;
CSS variable
--color-bcdcdc: #bcdcdc;
SCSS
$color-bcdcdc: #bcdcdc;
Tailwind
cyan-200
Export
:root {
--#bcdcdc-1: #bcdcdc;
}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.