Preview
#a4c3ff
Family: Blue
Accessibility on this swatch:
Contrast vs white: 1.78:1 · vs black: 11.83:1
HEX
#a4c3ff
RGB
rgb(164, 195, 255)
RGBA
rgba(164, 195, 255, 1)
HSL
hsl(220, 100%, 82%)
HSV
hsv(220, 36%, 100%)
LAB
lab(78.54% 3.69 -32.85)
LCH
lch(78.54% 33.06 276.41)
OKLAB
oklab(0.8161 -0.0107 -0.0911)
OKLCH
oklch(0.8161 0.0917 263.3)
XYZ
xyz(52.87, 54.14, 102.25)
CMYK
cmyk(36%, 24%, 0%, 0%)
CSS
color: #a4c3ff;
CSS variable
--color-a4c3ff: #a4c3ff;
SCSS
$color-a4c3ff: #a4c3ff;
Tailwind
blue-100
Export
:root {
--#a4c3ff-1: #a4c3ff;
}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.