Preview
#a6d4d4
Family: Cyan
Accessibility on this swatch:
Contrast vs white: 1.62:1 · vs black: 12.99:1
HEX
#a6d4d4
RGB
rgb(166, 212, 212)
RGBA
rgba(166, 212, 212, 1)
HSL
hsl(180, 35%, 74%)
HSV
hsv(180, 22%, 83%)
LAB
lab(81.81% -14.89 -4.92)
LCH
lch(81.81% 15.68 198.28)
OKLAB
oklab(0.8376 -0.046 -0.0134)
OKLCH
oklch(0.8376 0.0479 196.24)
XYZ
xyz(51.15, 59.95, 71.15)
CMYK
cmyk(22%, 0%, 0%, 17%)
CSS
color: #a6d4d4;
CSS variable
--color-a6d4d4: #a6d4d4;
SCSS
$color-a6d4d4: #a6d4d4;
Tailwind
cyan-200
Export
:root {
--#a6d4d4-1: #a6d4d4;
}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.