#B3E6FF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This airy, desaturated blue provides a soft, cool base for web interfaces. Because black text offers a crisp 15.7:1 contrast ratio, #b3e6ff works well as a primary background color. Avoid pairing it with pure white to prevent a washed-out appearance. Instead, combine this hex code with dark charcoals or deep slate grays to add necessary weight and structure to your design palettes.
Questions about #b3e6ff
What is #b3e6ff in RGB, HSL and CMYK?
In RGB, #b3e6ff is rgb(179, 230, 255), in HSL hsl(200, 100%, 85%) and in CMYK 30%, 10%, 0%, 0%. Browse more shades of blue with names and hex codes.
How do I make #b3e6ff work in a professional UI?
What color schemes complement #b3e6ff effectively?
Because #b3e6ff is so desaturated and light, it shines when paired with deeper, saturated hues like slate or even terracotta for a calculated pop of warmth. This creates necessary visual weight that grounds the airy base without fighting for attention.
Is #b3e6ff readable on white or black?
#b3e6ff has a 1.33:1 contrast ratio on white and 15.67: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.