Preview
#b8c2e0
Family: Blue
Accessibility on this swatch:
Contrast vs white: 1.77:1 · vs black: 11.83:1
HEX
#b8c2e0
RGB
rgb(184, 194, 224)
RGBA
rgba(184, 194, 224, 1)
HSL
hsl(225, 39%, 80%)
HSV
hsv(225, 18%, 88%)
LAB
lab(78.55% 2.72 -16.08)
LCH
lch(78.55% 16.31 279.6)
OKLAB
oklab(0.816 0.0006 -0.0437)
OKLCH
oklch(0.816 0.0437 270.79)
XYZ
xyz(52.51, 54.15, 78.19)
CMYK
cmyk(18%, 13%, 0%, 12%)
CSS
color: #b8c2e0;
CSS variable
--color-b8c2e0: #b8c2e0;
SCSS
$color-b8c2e0: #b8c2e0;
Tailwind
blue-200
Export
:root {
--#b8c2e0-1: #b8c2e0;
}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.