Preview
#a2bcbd
Family: Cyan
Accessibility on this swatch:
Contrast vs white: 2.01:1 · vs black: 10.46:1
HEX
#a2bcbd
RGB
rgb(162, 188, 189)
RGBA
rgba(162, 188, 189, 1)
HSL
hsl(182, 17%, 69%)
HSV
hsv(182, 14%, 74%)
LAB
lab(74.39% -8.59 -3.48)
LCH
lch(74.39% 9.27 202.05)
OKLAB
oklab(0.776 -0.0268 -0.0094)
OKLCH
oklch(0.776 0.0284 199.33)
XYZ
xyz(42.07, 47.32, 55.05)
CMYK
cmyk(14%, 1%, 0%, 26%)
CSS
color: #a2bcbd;
CSS variable
--color-a2bcbd: #a2bcbd;
SCSS
$color-a2bcbd: #a2bcbd;
Tailwind
cyan-300
Export
:root {
--#a2bcbd-1: #a2bcbd;
}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.