Preview
#b2bfe6
Family: Blue
Accessibility on this swatch:
Contrast vs white: 1.83:1 · vs black: 11.49:1
HEX
#b2bfe6
RGB
rgb(178, 191, 230)
RGBA
rgba(178, 191, 230, 1)
HSL
hsl(225, 51%, 80%)
HSV
hsv(225, 23%, 90%)
LAB
lab(77.54% 3.82 -20.88)
LCH
lch(77.54% 21.23 280.37)
OKLAB
oklab(0.8077 0.0006 -0.0571)
OKLCH
oklch(0.8077 0.0571 270.6)
XYZ
xyz(51.27, 52.44, 82.27)
CMYK
cmyk(23%, 17%, 0%, 10%)
CSS
color: #b2bfe6;
CSS variable
--color-b2bfe6: #b2bfe6;
SCSS
$color-b2bfe6: #b2bfe6;
Tailwind
blue-200
Export
:root {
--#b2bfe6-1: #b2bfe6;
}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.