#B1C9F9 Hex Color
A cool dusty blue with ashy undertones
This cool, unsaturated blue carries a dusty, ashy quality that keeps it from appearing too bright or aggressive. Because it is highly readable, the hex code #b1c9f9 works well as a background for dark text in UI designs. It pairs effectively with deep charcoals or slate grays for a modern, professional look that avoids the flatness of standard pastels.
Questions about #b1c9f9
What is #b1c9f9 in RGB, HSL and CMYK?
In RGB, #b1c9f9 is rgb(177, 201, 249), in HSL hsl(220, 86%, 84%) and in CMYK 29%, 19%, 0%, 2%.
Does #b1c9f9 work well for interface design?
#b1c9f9 functions exceptionally well in UI design because its unsaturated, dusty quality reduces visual strain. It provides a stable background that maintains high legibility for dark text, ensuring that your content remains accessible while appearing modern and understated.
What colors pair effectively with #b1c9f9?
This shade thrives when paired with high-contrast, deep neutrals like charcoal or slate, which ground the light blue. Using these darker tones creates a balanced, professional hierarchy that avoids the washed-out feeling often associated with lighter pastel palettes.
Is #b1c9f9 readable on white or black?
#b1c9f9 has a 1.66:1 contrast ratio on white and 12.59: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.