#B3C0D1 Hex Color

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

Hex color #b3c0d1 graphic
This faded, ashy blue sits between light grey and a pale sky tone. Because of its desaturated character, #b3c0d1 works best as a clean background or a supporting neutral in minimalist UI layouts. It provides excellent contrast for black text, making it a functional choice for data-heavy finance or healthcare interfaces. Pair it with crisp white to keep the aesthetic from looking washed out.

Questions about #b3c0d1

What is #b3c0d1 in RGB, HSL and CMYK?
In RGB, #b3c0d1 is rgb(179, 192, 209), in HSL hsl(214, 25%, 76%) and in CMYK 14%, 8%, 0%, 18%. Browse more shades of gray with names and hex codes.
Where should I use #b3c0d1 in my interface design?
#b3c0d1 is ideal for large background areas or secondary UI elements where you need a neutral tone that reduces visual fatigue. Because it is desaturated, it provides a stable, professional foundation that allows content like black text or data visualizations to stand out clearly.
What colors pair well with the #b3c0d1 shade?
This color pairs beautifully with crisp white to maintain a clean aesthetic, or with deep charcoal for high-contrast text legibility. You can also anchor it with a darker slate to create a professional, monochromatic depth that feels modern and restrained.
Is #b3c0d1 readable on white or black?
#b3c0d1 has a 1.84:1 contrast ratio on white and 11.37: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.