Preview
#b4c0d4
Family: Blue
Accessibility on this swatch:
Contrast vs white: 1.84:1 · vs black: 11.43:1
HEX
#b4c0d4
RGB
rgb(180, 192, 212)
RGBA
rgba(180, 192, 212, 1)
HSL
hsl(218, 27%, 77%)
HSV
hsv(218, 15%, 83%)
LAB
lab(77.37% -0.05 -11.4)
LCH
lch(77.37% 11.4 269.75)
OKLAB
oklab(0.8048 -0.005 -0.0308)
OKLCH
oklch(0.8048 0.0312 260.78)
XYZ
xyz(49.55, 52.16, 69.73)
CMYK
cmyk(15%, 9%, 0%, 17%)
CSS
color: #b4c0d4;
CSS variable
--color-b4c0d4: #b4c0d4;
SCSS
$color-b4c0d4: #b4c0d4;
Tailwind
sky-200
Export
:root {
--#b4c0d4-1: #b4c0d4;
}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.