#BAC6D8
≈ lightsteelblue · rgb(186, 198, 216)
Color formats
HEX#BAC6D8
RGBrgb(186, 198, 216)
HSLhsl(216, 28%, 79%)
HSVhsv(216, 14%, 85%)
OKLCHoklch(82% 0.03 258)
CMYKcmyk(14%, 8%, 0%, 15%)
Contrast & accessibility
On white1.73:1below AA
On black12.16:1AA pass
Best text color#000000
Nearest CSS name: lightsteelblue
Copy-ready code
CSS custom properties
:root {
--lightsteelblue: #bac6d8;
--lightsteelblue-rgb: 186 198 216;
--lightsteelblue-oklch: oklch(82% 0.03 258);
}The space-separated triple lets you set alpha without a second variable:
background: rgb(var(--lightsteelblue-rgb) / 40%);
Tailwind (arbitrary value)
bg-[#bac6d8] text-[#bac6d8] border-[#bac6d8]
Shades & tints
50
#F1F2F4
100
#ECEEF0
200
#E1E4E9
300
#D4DAE3
400
#C8D0DD
500
#BAC6D8
600
#869AB8
700
#597092
800
#3B485C
900
#1B2029
950
#0A0C0F
Color harmonies
Complementary
#D8CCBA
Analogous −30°
#BAD5D8
Analogous +30°
#BDBAD8
Triadic +120°
#D8BAC6
Triadic −120°
#C6D8BA
About this color
#BAC6D8 is a color with the RGB value rgb(186, 198, 216). 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.