Skip to content

#B1CADD

≈ lightsteelblue · rgb(177, 202, 221)
Color formats
HEX#B1CADD
RGBrgb(177, 202, 221)
HSLhsl(206, 39%, 78%)
HSVhsv(206, 20%, 87%)
OKLCHoklch(83% 0.04 241)
CMYKcmyk(20%, 9%, 0%, 13%)
Contrast & accessibility
On white1.70:1below AA
On black12.36:1AA pass
Best text color#000000
Nearest CSS name: lightsteelblue
Copy-ready code
CSS custom properties
:root {
  --lightsteelblue: #b1cadd;
  --lightsteelblue-rgb: 177 202 221;
  --lightsteelblue-oklch: oklch(83% 0.04 241);
}
The space-separated triple lets you set alpha without a second variable:
background: rgb(var(--lightsteelblue-rgb) / 40%);
Tailwind (arbitrary value)
bg-[#b1cadd] text-[#b1cadd] border-[#b1cadd]
Shades & tints
50
#F1F3F4
100
#EBEEF1
200
#DEE5EA
300
#D0DCE5
400
#C1D3E0
500
#B1CADD
600
#7AA2C1
700
#4D7A9C
800
#334E62
900
#18232B
950
#090D10
Color harmonies
Complementary
#DDC4B1
Analogous −30°
#B1DDDA
Analogous +30°
#B1B4DD
Triadic +120°
#DDB1CA
Triadic −120°
#CADDB1
About this color

#B1CADD is a color with the RGB value rgb(177, 202, 221). Its closest CSS named color is "lightsteelblue". On this page you'll find every format (HEX, RGB, HSL, HSV, OKLCH, CMYK), WCAG contrast against white and black, a full 50–950 shade scale, and complementary, analogous and triadic harmonies — each linking to its own color page.

Related

Convert #B1CADD to other formats

Palettes with a similar color

Gradients with a similar color

✓ Copied