Preview
#b2c5c8
Family: Cyan
Accessibility on this swatch:
Contrast vs white: 1.79:1 · vs black: 11.71:1
HEX
#b2c5c8
RGB
rgb(178, 197, 200)
RGBA
rgba(178, 197, 200, 1)
HSL
hsl(188, 17%, 74%)
HSV
hsv(188, 11%, 78%)
LAB
lab(78.21% -5.84 -3.7)
LCH
lch(78.21% 6.91 212.36)
OKLAB
oklab(0.8099 -0.0187 -0.01)
OKLCH
oklch(0.8099 0.0212 208.14)
XYZ
xyz(48.75, 53.57, 62.40)
CMYK
cmyk(11%, 1%, 0%, 22%)
CSS
color: #b2c5c8;
CSS variable
--color-b2c5c8: #b2c5c8;
SCSS
$color-b2c5c8: #b2c5c8;
Tailwind
cyan-200
Export
:root {
--#b2c5c8-1: #b2c5c8;
}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.