Preview
#a3b5c2
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 2.11:1 · vs black: 9.95:1
HEX
#a3b5c2
RGB
rgb(163, 181, 194)
RGBA
rgba(163, 181, 194, 1)
HSL
hsl(205, 20%, 70%)
HSV
hsv(205, 16%, 76%)
LAB
lab(72.71% -3.48 -8.69)
LCH
lch(72.71% 9.36 248.18)
OKLAB
oklab(0.7634 -0.014 -0.0235)
OKLCH
oklch(0.7634 0.0274 239.22)
XYZ
xyz(41.36, 44.73, 57.48)
CMYK
cmyk(16%, 7%, 0%, 24%)
CSS
color: #a3b5c2;
CSS variable
--color-a3b5c2: #a3b5c2;
SCSS
$color-a3b5c2: #a3b5c2;
Tailwind
sky-300
Export
:root {
--#a3b5c2-1: #a3b5c2;
}Openness, clarity, and communication. Soft and approachable for modern interfaces.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Light Blue family.