Preview
#b4d1cf
Family: Cyan
Accessibility on this swatch:
Contrast vs white: 1.62:1 · vs black: 12.96:1
HEX
#b4d1cf
RGB
rgb(180, 209, 207)
RGBA
rgba(180, 209, 207, 1)
HSL
hsl(176, 24%, 76%)
HSV
hsv(176, 14%, 82%)
LAB
lab(81.73% -10.03 -2.26)
LCH
lch(81.73% 10.28 192.7)
OKLAB
oklab(0.8388 -0.0305 -0.0062)
OKLCH
oklch(0.8388 0.0311 191.49)
XYZ
xyz(52.88, 59.81, 67.78)
CMYK
cmyk(14%, 0%, 1%, 18%)
CSS
color: #b4d1cf;
CSS variable
--color-b4d1cf: #b4d1cf;
SCSS
$color-b4d1cf: #b4d1cf;
Tailwind
teal-200
Export
:root {
--#b4d1cf-1: #b4d1cf;
}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.