Preview
#b7becd
Family: Blue
Accessibility on this swatch:
Contrast vs white: 1.86:1 · vs black: 11.26:1
HEX
#b7becd
RGB
rgb(183, 190, 205)
RGBA
rgba(183, 190, 205, 1)
HSL
hsl(221, 18%, 76%)
HSV
hsv(221, 11%, 80%)
LAB
lab(76.86% 0.54 -8.36)
LCH
lch(76.86% 8.38 273.7)
OKLAB
oklab(0.8007 -0.0017 -0.0225)
OKLCH
oklch(0.8007 0.0226 265.68)
XYZ
xyz(48.96, 51.30, 65.07)
CMYK
cmyk(11%, 7%, 0%, 20%)
CSS
color: #b7becd;
CSS variable
--color-b7becd: #b7becd;
SCSS
$color-b7becd: #b7becd;
Tailwind
blue-200
Export
:root {
--#b7becd-1: #b7becd;
}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.