Preview
#a8c9cc
Family: Cyan
Accessibility on this swatch:
Contrast vs white: 1.77:1 · vs black: 11.89:1
HEX
#a8c9cc
RGB
rgb(168, 201, 204)
RGBA
rgba(168, 201, 204, 1)
HSL
hsl(185, 26%, 73%)
HSV
hsv(185, 18%, 80%)
LAB
lab(78.73% -10.32 -5.17)
LCH
lch(78.73% 11.54 206.61)
OKLAB
oklab(0.8127 -0.0326 -0.014)
OKLCH
oklch(0.8127 0.0355 203.24)
XYZ
xyz(47.93, 54.46, 65.10)
CMYK
cmyk(18%, 1%, 0%, 20%)
CSS
color: #a8c9cc;
CSS variable
--color-a8c9cc: #a8c9cc;
SCSS
$color-a8c9cc: #a8c9cc;
Tailwind
cyan-200
Export
:root {
--#a8c9cc-1: #a8c9cc;
}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.