Preview
#b0bef2
Family: Blue
Accessibility on this swatch:
Contrast vs white: 1.83:1 · vs black: 11.49:1
HEX
#b0bef2
RGB
rgb(176, 190, 242)
RGBA
rgba(176, 190, 242, 1)
HSL
hsl(227, 72%, 82%)
HSV
hsv(227, 27%, 95%)
LAB
lab(77.56% 6.56 -27.33)
LCH
lch(77.56% 28.11 283.5)
OKLAB
oklab(0.8088 0.0038 -0.0752)
OKLCH
oklch(0.8088 0.0753 272.89)
XYZ
xyz(52.34, 52.47, 91.36)
CMYK
cmyk(27%, 21%, 0%, 5%)
CSS
color: #b0bef2;
CSS variable
--color-b0bef2: #b0bef2;
SCSS
$color-b0bef2: #b0bef2;
Tailwind
blue-100
Export
:root {
--#b0bef2-1: #b0bef2;
}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.