Preview
#b6bee2
Family: Blue
Accessibility on this swatch:
Contrast vs white: 1.83:1 · vs black: 11.45:1
HEX
#b6bee2
RGB
rgb(182, 190, 226)
RGBA
rgba(182, 190, 226, 1)
HSL
hsl(229, 43%, 80%)
HSV
hsv(229, 19%, 89%)
LAB
lab(77.44% 4.69 -18.86)
LCH
lch(77.44% 19.43 283.96)
OKLAB
oklab(0.8072 0.0048 -0.0514)
OKLCH
oklch(0.8072 0.0516 275.34)
XYZ
xyz(51.43, 52.26, 79.31)
CMYK
cmyk(19%, 16%, 0%, 11%)
CSS
color: #b6bee2;
CSS variable
--color-b6bee2: #b6bee2;
SCSS
$color-b6bee2: #b6bee2;
Tailwind
blue-200
Export
:root {
--#b6bee2-1: #b6bee2;
}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.