Preview
#a8c9d3
Family: Cyan
Accessibility on this swatch:
Contrast vs white: 1.76:1 · vs black: 11.96:1
HEX
#a8c9d3
RGB
rgb(168, 201, 211)
RGBA
rgba(168, 201, 211, 1)
HSL
hsl(194, 33%, 74%)
HSV
hsv(194, 20%, 83%)
LAB
lab(78.93% -8.82 -8.64)
LCH
lch(78.93% 12.35 224.41)
OKLAB
oklab(0.8149 -0.0299 -0.0234)
OKLCH
oklch(0.8149 0.038 218.05)
XYZ
xyz(48.79, 54.80, 69.62)
CMYK
cmyk(20%, 5%, 0%, 17%)
CSS
color: #a8c9d3;
CSS variable
--color-a8c9d3: #a8c9d3;
SCSS
$color-a8c9d3: #a8c9d3;
Tailwind
cyan-200
Export
:root {
--#a8c9d3-1: #a8c9d3;
}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.