Preview
#a0aec0
Family: Blue
Accessibility on this swatch:
Contrast vs white: 2.26:1 · vs black: 9.31:1
HEX
#a0aec0
RGB
rgb(160, 174, 192)
RGBA
rgba(160, 174, 192, 1)
HSL
hsl(214, 20%, 69%)
HSV
hsv(214, 17%, 75%)
LAB
lab(70.56% -1.1 -10.82)
LCH
lch(70.56% 10.88 264.2)
OKLAB
oklab(0.7457 -0.008 -0.0293)
OKLCH
oklch(0.7457 0.0304 254.73)
XYZ
xyz(39.15, 41.55, 55.82)
CMYK
cmyk(17%, 9%, 0%, 25%)
CSS
color: #a0aec0;
CSS variable
--color-a0aec0: #a0aec0;
SCSS
$color-a0aec0: #a0aec0;
Tailwind
sky-300
Export
:root {
--chakra-gray-400-1: #a0aec0;
}Trust, calm, and professionalism. The most used color in SaaS, finance, and healthcare.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Blue family.