#B3C9D7 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This pale, ashy blue feels clean and airy due to its muted saturation. It works best as a large-scale background or base tone, where its delicate nature provides a professional feel without overwhelming the viewer. Pair #b3c9d7 with charcoal text for high readability. Because the hex code sits on the lighter side of the spectrum, it provides a safe, trustworthy backdrop for minimal UI design.
Questions about #b3c9d7
What is #b3c9d7 in RGB, HSL and CMYK?
In RGB, #b3c9d7 is rgb(179, 201, 215), in HSL hsl(203, 31%, 77%) and in CMYK 17%, 7%, 0%, 16%. Browse more shades of gray with names and hex codes.
What colors pair well with #b3c9d7?
#b3c9d7 pairs beautifully with deep charcoal or near-black text to ensure high readability, while warm neutrals or soft slate grays create a balanced, modern palette. Avoid pairing it with overly vibrant, neon colors, as they can quickly overpower its muted, airy quality.
How does #b3c9d7 perform in UI design?
#b3c9d7 acts as an excellent, non-distracting background color for web interfaces. Because it sits on the lighter side of the spectrum, it provides a safe, trustworthy canvas that allows foreground elements and typography to stand out without the harshness of a pure white background.
Is #b3c9d7 readable on white or black?
#b3c9d7 has a 1.71:1 contrast ratio on white and 12.25: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.