#B9CCF9 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This pastel blue is desaturated and cool, offering a dusty, ashy character that feels approachable rather than sterile. Because of its high lightness, it functions well as a soothing UI background or a supporting tone in a larger palette. Pair #b9ccf9 with dark charcoal or deep navy text for high readability. The hex code for this soft shade is #b9ccf9.
Questions about #b9ccf9
What is #b9ccf9 in RGB, HSL and CMYK?
In RGB, #b9ccf9 is rgb(185, 204, 249), in HSL hsl(222, 84%, 85%) and in CMYK 26%, 18%, 0%, 2%.
How does the undertone of #b9ccf9 impact its design use?
This shade acts as a cool, ashy blue that avoids the sterile look of pure sky blues. Its muted quality makes it an excellent choice for background washes in interfaces where you need a soft, approachable feel that does not overpower primary content or imagery.
Is #b9ccf9 readable on white or black?
#b9ccf9 has a 1.60:1 contrast ratio on white and 13.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.