Preview
#a7ccd4
Family: Cyan
Accessibility on this swatch:
Contrast vs white: 1.72:1 · vs black: 12.23:1
HEX
#a7ccd4
RGB
rgb(167, 204, 212)
RGBA
rgba(167, 204, 212, 1)
HSL
hsl(191, 34%, 74%)
HSV
hsv(191, 21%, 83%)
LAB
lab(79.7% -10.47 -8.03)
LCH
lch(79.7% 13.19 217.49)
OKLAB
oklab(0.821 -0.0345 -0.0218)
OKLCH
oklch(0.821 0.0408 212.29)
XYZ
xyz(49.41, 56.15, 70.51)
CMYK
cmyk(21%, 4%, 0%, 17%)
CSS
color: #a7ccd4;
CSS variable
--color-a7ccd4: #a7ccd4;
SCSS
$color-a7ccd4: #a7ccd4;
Tailwind
cyan-200
Export
:root {
--#a7ccd4-1: #a7ccd4;
}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.