Preview
#a3b5cc
Family: Blue
Accessibility on this swatch:
Contrast vs white: 2.09:1 · vs black: 10.04:1
HEX
#a3b5cc
RGB
rgb(163, 181, 204)
RGBA
rgba(163, 181, 204, 1)
HSL
hsl(214, 29%, 72%)
HSV
hsv(214, 20%, 80%)
LAB
lab(73.02% -1.28 -13.7)
LCH
lch(73.02% 13.76 264.66)
OKLAB
oklab(0.7668 -0.0102 -0.0372)
OKLCH
oklch(0.7668 0.0386 254.67)
XYZ
xyz(42.52, 45.19, 63.60)
CMYK
cmyk(20%, 11%, 0%, 20%)
CSS
color: #a3b5cc;
CSS variable
--color-a3b5cc: #a3b5cc;
SCSS
$color-a3b5cc: #a3b5cc;
Tailwind
sky-200
Export
:root {
--#a3b5cc-1: #a3b5cc;
}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.