Preview
#b7c1c8
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 1.83:1 · vs black: 11.48:1
HEX
#b7c1c8
RGB
rgb(183, 193, 200)
RGBA
rgba(183, 193, 200, 1)
HSL
hsl(205, 13%, 75%)
HSV
hsv(205, 8%, 78%)
LAB
lab(77.51% -2.06 -4.7)
LCH
lch(77.51% 5.13 246.33)
OKLAB
oklab(0.8053 -0.0079 -0.0126)
OKLCH
oklch(0.8053 0.0149 237.91)
XYZ
xyz(49.02, 52.38, 62.16)
CMYK
cmyk(8%, 4%, 0%, 22%)
CSS
color: #b7c1c8;
CSS variable
--color-b7c1c8: #b7c1c8;
SCSS
$color-b7c1c8: #b7c1c8;
Tailwind
sky-200
Export
:root {
--#b7c1c8-1: #b7c1c8;
}Openness, clarity, and communication. Soft and approachable for modern interfaces.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Light Blue family.