Preview
#bad3d1
Family: Cyan
Accessibility on this swatch:
Contrast vs white: 1.58:1 · vs black: 13.33:1
HEX
#bad3d1
RGB
rgb(186, 211, 209)
RGBA
rgba(186, 211, 209, 1)
HSL
hsl(175, 22%, 78%)
HSV
hsv(175, 12%, 83%)
LAB
lab(82.72% -8.72 -1.84)
LCH
lch(82.72% 8.91 191.92)
OKLAB
oklab(0.8477 -0.0265 -0.005)
OKLCH
oklch(0.8477 0.027 190.68)
XYZ
xyz(55.05, 61.63, 69.30)
CMYK
cmyk(12%, 0%, 1%, 17%)
CSS
color: #bad3d1;
CSS variable
--color-bad3d1: #bad3d1;
SCSS
$color-bad3d1: #bad3d1;
Tailwind
teal-200
Export
:root {
--#bad3d1-1: #bad3d1;
}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.