Preview
#b7cce6
Family: Blue
Accessibility on this swatch:
Contrast vs white: 1.64:1 · vs black: 12.79:1
HEX
#b7cce6
RGB
rgb(183, 204, 230)
RGBA
rgba(183, 204, 230, 1)
HSL
hsl(213, 48%, 81%)
HSV
hsv(213, 20%, 90%)
LAB
lab(81.27% -1.61 -15.22)
LCH
lch(81.27% 15.3 263.96)
OKLAB
oklab(0.8378 -0.012 -0.0414)
OKLCH
oklch(0.8378 0.0431 253.84)
XYZ
xyz(55.40, 58.96, 83.31)
CMYK
cmyk(20%, 11%, 0%, 10%)
CSS
color: #b7cce6;
CSS variable
--color-b7cce6: #b7cce6;
SCSS
$color-b7cce6: #b7cce6;
Tailwind
sky-100
Export
:root {
--#b7cce6-1: #b7cce6;
}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.