Preview
#a7c9c9
Family: Cyan
Accessibility on this swatch:
Contrast vs white: 1.77:1 · vs black: 11.84:1
HEX
#a7c9c9
RGB
rgb(167, 201, 201)
RGBA
rgba(167, 201, 201, 1)
HSL
hsl(180, 24%, 72%)
HSV
hsv(180, 17%, 79%)
LAB
lab(78.58% -11.27 -3.78)
LCH
lch(78.58% 11.89 198.54)
OKLAB
oklab(0.8111 -0.0348 -0.0103)
OKLCH
oklch(0.8111 0.0363 196.49)
XYZ
xyz(47.36, 54.20, 63.21)
CMYK
cmyk(17%, 0%, 0%, 21%)
CSS
color: #a7c9c9;
CSS variable
--color-a7c9c9: #a7c9c9;
SCSS
$color-a7c9c9: #a7c9c9;
Tailwind
cyan-200
Export
:root {
--#a7c9c9-1: #a7c9c9;
}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.