Preview
#a6b4f2
Family: Blue
Accessibility on this swatch:
Contrast vs white: 2.01:1 · vs black: 10.43:1
HEX
#a6b4f2
RGB
rgb(166, 180, 242)
RGBA
rgba(166, 180, 242, 1)
HSL
hsl(229, 75%, 80%)
HSV
hsv(229, 31%, 95%)
LAB
lab(74.29% 9.18 -32.41)
LCH
lch(74.29% 33.69 285.81)
OKLAB
oklab(0.7817 0.0068 -0.0897)
OKLCH
oklch(0.7817 0.09 274.34)
XYZ
xyz(48.07, 47.16, 90.56)
CMYK
cmyk(31%, 26%, 0%, 5%)
CSS
color: #a6b4f2;
CSS variable
--color-a6b4f2: #a6b4f2;
SCSS
$color-a6b4f2: #a6b4f2;
Tailwind
blue-200
Export
:root {
--#a6b4f2-1: #a6b4f2;
}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.