Preview
#a6bff2
Family: Blue
Accessibility on this swatch:
Contrast vs white: 1.85:1 · vs black: 11.36:1
HEX
#a6bff2
RGB
rgb(166, 191, 242)
RGBA
rgba(166, 191, 242, 1)
HSL
hsl(220, 75%, 80%)
HSV
hsv(220, 31%, 95%)
LAB
lab(77.15% 3.15 -28.02)
LCH
lch(77.15% 28.2 276.41)
OKLAB
oklab(0.8039 -0.0077 -0.0773)
OKLCH
oklch(0.8039 0.0777 264.31)
XYZ
xyz(50.38, 51.78, 91.33)
CMYK
cmyk(31%, 21%, 0%, 5%)
CSS
color: #a6bff2;
CSS variable
--color-a6bff2: #a6bff2;
SCSS
$color-a6bff2: #a6bff2;
Tailwind
blue-200
Export
:root {
--#a6bff2-1: #a6bff2;
}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.