#BACBD4 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Fogged glass comes to mind with this pale blue, which sits so close to gray the hue almost disappears. Designers use #bacbd4 as a supporting background in minimal layouts, where its low saturation keeps things airy. It can wash out beside pure white, so pair it with darker neutrals. The hex code #bacbd4 has enough contrast for body text underneath, at about 12.6:1 with black type.
Questions about #bacbd4
What is #bacbd4 in RGB, HSL and CMYK?
In RGB, #bacbd4 is rgb(186, 203, 212), in HSL hsl(201, 23%, 78%) and in CMYK 12%, 4%, 0%, 17%.
What colors pair well with #bacbd4?
Deeper blues and warm earth tones give #bacbd4 the contrast it lacks on its own. Try it with navy for a nautical scheme or terracotta for warmth. Charcoal text also reads clearly on top.
Can #bacbd4 work as a background for body text?
Yes. Black text on #bacbd4 reaches about 12.6:1 contrast, well above the 4.5:1 that WCAG AA requires for small body text. Light gray or white type, however, will not pass.
Is #bacbd4 a warm or cool color?
Cool. Its faint blue undertone pulls it toward the cool side, though the heavy gray in it softens the chill compared to a crisper sky blue.
Is #bacbd4 readable on white or black?
#bacbd4 has a 1.66:1 contrast ratio on white and 12.58:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.