Preview
#b4c6cc
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 1.77:1 · vs black: 11.89:1
HEX
#b4c6cc
RGB
rgb(180, 198, 204)
RGBA
rgba(180, 198, 204, 1)
HSL
hsl(195, 19%, 75%)
HSV
hsv(195, 12%, 80%)
LAB
lab(78.72% -4.9 -5.08)
LCH
lch(78.72% 7.06 226.03)
OKLAB
oklab(0.8147 -0.0165 -0.0137)
OKLCH
oklch(0.8147 0.0214 219.7)
XYZ
xyz(49.91, 54.45, 65.00)
CMYK
cmyk(12%, 3%, 0%, 20%)
CSS
color: #b4c6cc;
CSS variable
--color-b4c6cc: #b4c6cc;
SCSS
$color-b4c6cc: #b4c6cc;
Tailwind
cyan-200
Export
:root {
--#b4c6cc-1: #b4c6cc;
}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.