Preview
#b7bfe1
Family: Blue
Accessibility on this swatch:
Contrast vs white: 1.82:1 · vs black: 11.55:1
HEX
#b7bfe1
RGB
rgb(183, 191, 225)
RGBA
rgba(183, 191, 225, 1)
HSL
hsl(229, 41%, 80%)
HSV
hsv(229, 19%, 88%)
LAB
lab(77.74% 4.24 -17.86)
LCH
lch(77.74% 18.36 283.35)
OKLAB
oklab(0.8096 0.0041 -0.0486)
OKLCH
oklch(0.8096 0.0488 274.82)
XYZ
xyz(51.75, 52.76, 78.68)
CMYK
cmyk(19%, 15%, 0%, 12%)
CSS
color: #b7bfe1;
CSS variable
--color-b7bfe1: #b7bfe1;
SCSS
$color-b7bfe1: #b7bfe1;
Tailwind
blue-200
Export
:root {
--#b7bfe1-1: #b7bfe1;
}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.