#B4CCD2 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #b4ccd2 graphic
#b4ccd2 is a pale, ashy cyan that feels light and airy. Its muted saturation creates a clean, minimal backdrop that avoids the harshness of pure white. This shade works best as a primary interface background where black text ensures high readability. Because it leans cool and grey, it pairs well with slate tones or deeper charcoal accents to ground the design.

Questions about #b4ccd2

What is #b4ccd2 in RGB, HSL and CMYK?
In RGB, #b4ccd2 is rgb(180, 204, 210), in HSL hsl(192, 25%, 76%) and in CMYK 14%, 3%, 0%, 18%.
What makes #b4ccd2 an effective choice for interface backgrounds?
#b4ccd2 is effective because its muted, ashy saturation avoids the harsh contrast of pure white while maintaining high legibility for black text. This balance creates a soft, minimal aesthetic that reduces eye strain in long-form digital layouts.
Which colors pair well with #b4ccd2 to create a grounded design?
Because #b4ccd2 is a cool, greyish-cyan, it works best when grounded by deeper neutrals like charcoal or slate. These darker accents anchor the airy, light feeling of the color without overwhelming the subtle coolness of the interface design.
Is #b4ccd2 readable on white or black?
#b4ccd2 has a 1.67:1 contrast ratio on white and 12.50: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.