#B4C7D4 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This pale, ashy blue carries a heavy dose of grey, making it feel airy and clinical. Because it is highly desaturated, #b4c7d4 works best as a neutral background rather than an accent. It provides excellent contrast for black text, ensuring readability in minimal UI layouts. Pair it with charcoal or deep navy to ground the washed-out tone and add visual weight to your design.
Questions about #b4c7d4
What is #b4c7d4 in RGB, HSL and CMYK?
In RGB, #b4c7d4 is rgb(180, 199, 212), in HSL hsl(204, 27%, 77%) and in CMYK 15%, 6%, 0%, 17%.
Why does #b4c7d4 feel so clinical in design?
The heavy grey content in #b4c7d4 desaturates the blue, creating an airy, sterile quality often found in technical or medical interfaces. It lacks the warmth of traditional sky blue, making it ideal for clean, data-heavy layouts that require professional restraint.
What is the best way to use #b4c7d4 in a palette?
Use #b4c7d4 as a foundational background color, then layer it with high-contrast elements like charcoal or deep navy to ground the washed-out tone. Because it is so pale, it relies on these darker shades to provide necessary visual weight and readability.
Is #b4c7d4 readable on white or black?
#b4c7d4 has a 1.74:1 contrast ratio on white and 12.06: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.