#B5C6FF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This pale, cool indigo feels airy and clean due to its low saturation. Because it is highly readable, #b5c6ff works well as a background for black text in UI design. It pairs nicely with slate grays or deep charcoal to ground its lightness. Use this hex code to create a soft, gentle aesthetic for baby products or wellness brands where you need a sense of clarity.
Questions about #b5c6ff
What is #b5c6ff in RGB, HSL and CMYK?
In RGB, #b5c6ff is rgb(181, 198, 255), in HSL hsl(226, 100%, 85%) and in CMYK 29%, 22%, 0%, 0%.
How do you effectively pair #b5c6ff in web design?
Because #b5c6ff is quite light, it works best as a soft background color paired with deep, high-contrast text like charcoal or dark navy. This ensures readability while keeping the overall aesthetic airy, gentle, and modern for wellness or baby-themed brands.
Is #b5c6ff considered a warm or cool color?
#b5c6ff is distinctly cool because of its strong blue-indigo base, which inherently lacks warm undertones. It provides a refreshing, crisp feeling that can help cool down a UI palette that might otherwise feel too heavy or overly vibrant.
Is #b5c6ff readable on white or black?
#b5c6ff has a 1.68:1 contrast ratio on white and 12.48: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.