#B3C9FF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A dusty, unsaturated periwinkle, #b3c9ff brings a cooled-down, airy quality to UI interfaces. Because it is light and desaturated, it works exceptionally well as a primary background for fintech or healthcare apps where clarity is paramount. The hex code #b3c9ff maintains excellent accessibility, providing high contrast for standard black body text while feeling professional rather than juvenile. Pair it with charcoal gray for a modern, grounded finish.
Questions about #b3c9ff
What is #b3c9ff in RGB, HSL and CMYK?
In RGB, #b3c9ff is rgb(179, 201, 255), in HSL hsl(223, 100%, 85%) and in CMYK 30%, 21%, 0%, 0%.
What colors pair best with #b3c9ff?
A deep charcoal or slate gray creates a sophisticated, professional contrast that balances the airy, light nature of #b3c9ff perfectly. For a softer look, try pairing it with a muted sandy beige to maintain the color's calm, desaturated aesthetic in your design.
Is #b3c9ff readable on white or black?
#b3c9ff has a 1.65:1 contrast ratio on white and 12.71: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.