#B5CCFF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty pastel blue feels unsaturated and airy, offering a gentle, cool presence. Because it is light and quiet, the hex code #b5ccff works best as a primary background color rather than for fine details. It provides excellent contrast for dark, readable text in UI design. Pair it with deep charcoal or slate gray to ground its lightness and prevent a washed-out appearance on screen.
Questions about #b5ccff
What is #b5ccff in RGB, HSL and CMYK?
In RGB, #b5ccff is rgb(181, 204, 255), in HSL hsl(221, 100%, 85%) and in CMYK 29%, 20%, 0%, 0%.
What colors work well with #b5ccff in a design?
This light blue pairs best with charcoal or deep slate gray to ground its airy nature and provide necessary contrast. Using dark text against a #b5ccff background creates a professional, readable interface that feels calm and balanced.
Is #b5ccff readable on white or black?
#b5ccff has a 1.60:1 contrast ratio on white and 13.04: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.