Preview
#a3cad2
Family: Cyan
Accessibility on this swatch:
Contrast vs white: 1.76:1 · vs black: 11.94:1
HEX
#a3cad2
RGB
rgb(163, 202, 210)
RGBA
rgba(163, 202, 210, 1)
HSL
hsl(190, 34%, 73%)
HSV
hsv(190, 22%, 82%)
LAB
lab(78.86% -11.09 -8.24)
LCH
lch(78.86% 13.82 216.61)
OKLAB
oklab(0.8135 -0.0365 -0.0224)
OKLCH
oklch(0.8135 0.0428 211.54)
XYZ
xyz(47.85, 54.68, 68.99)
CMYK
cmyk(22%, 4%, 0%, 18%)
CSS
color: #a3cad2;
CSS variable
--color-a3cad2: #a3cad2;
SCSS
$color-a3cad2: #a3cad2;
Tailwind
cyan-200
Export
:root {
--#a3cad2-1: #a3cad2;
}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.