Preview
#a5c4c9
Family: Cyan
Accessibility on this swatch:
Contrast vs white: 1.85:1 · vs black: 11.34:1
HEX
#a5c4c9
RGB
rgb(165, 196, 201)
RGBA
rgba(165, 196, 201, 1)
HSL
hsl(188, 25%, 72%)
HSV
hsv(188, 18%, 79%)
LAB
lab(77.1% -9.3 -5.98)
LCH
lch(77.1% 11.06 212.74)
OKLAB
oklab(0.799 -0.03 -0.0162)
OKLCH
oklch(0.799 0.0341 208.37)
XYZ
xyz(45.80, 51.69, 62.81)
CMYK
cmyk(18%, 2%, 0%, 21%)
CSS
color: #a5c4c9;
CSS variable
--color-a5c4c9: #a5c4c9;
SCSS
$color-a5c4c9: #a5c4c9;
Tailwind
cyan-200
Export
:root {
--#a5c4c9-1: #a5c4c9;
}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.