Preview
#b8bfe0
Family: Blue
Accessibility on this swatch:
Contrast vs white: 1.82:1 · vs black: 11.57:1
HEX
#b8bfe0
RGB
rgb(184, 191, 224)
RGBA
rgba(184, 191, 224, 1)
HSL
hsl(229, 39%, 80%)
HSV
hsv(229, 18%, 88%)
LAB
lab(77.78% 4.34 -17.25)
LCH
lch(77.78% 17.79 284.12)
OKLAB
oklab(0.81 0.0048 -0.0469)
OKLCH
oklch(0.81 0.0471 275.84)
XYZ
xyz(51.85, 52.83, 77.97)
CMYK
cmyk(18%, 15%, 0%, 12%)
CSS
color: #b8bfe0;
CSS variable
--color-b8bfe0: #b8bfe0;
SCSS
$color-b8bfe0: #b8bfe0;
Tailwind
blue-200
Export
:root {
--#b8bfe0-1: #b8bfe0;
}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.