Preview
#a3b2f5
Family: Blue
Accessibility on this swatch:
Contrast vs white: 2.05:1 · vs black: 10.24:1
HEX
#a3b2f5
RGB
rgb(163, 178, 245)
RGBA
rgba(163, 178, 245, 1)
HSL
hsl(229, 80%, 80%)
HSV
hsv(229, 33%, 96%)
LAB
lab(73.69% 10.21 -34.98)
LCH
lch(73.69% 36.44 286.27)
OKLAB
oklab(0.7768 0.0071 -0.0971)
OKLCH
oklch(0.7768 0.0974 274.18)
XYZ
xyz(47.50, 46.22, 92.79)
CMYK
cmyk(33%, 27%, 0%, 4%)
CSS
color: #a3b2f5;
CSS variable
--color-a3b2f5: #a3b2f5;
SCSS
$color-a3b2f5: #a3b2f5;
Tailwind
blue-200
Export
:root {
--#a3b2f5-1: #a3b2f5;
}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.