Preview
#bfd5d9
Family: Cyan
Accessibility on this swatch:
Contrast vs white: 1.53:1 · vs black: 13.73:1
HEX
#bfd5d9
RGB
rgb(191, 213, 217)
RGBA
rgba(191, 213, 217, 1)
HSL
hsl(189, 25%, 80%)
HSV
hsv(189, 12%, 85%)
LAB
lab(83.8% -6.54 -4.47)
LCH
lch(83.8% 7.92 214.35)
OKLAB
oklab(0.8578 -0.0211 -0.0121)
OKLCH
oklch(0.8578 0.0243 209.83)
XYZ
xyz(57.80, 63.67, 74.88)
CMYK
cmyk(12%, 2%, 0%, 15%)
CSS
color: #bfd5d9;
CSS variable
--color-bfd5d9: #bfd5d9;
SCSS
$color-bfd5d9: #bfd5d9;
Tailwind
cyan-200
Export
:root {
--#bfd5d9-1: #bfd5d9;
}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.