#B2DAF4 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This pastel blue carries a high lightness and low saturation, giving it a clean, airy feel. Because it offers strong contrast against black text, #b2daf4 works well as a reliable, readable background for UI design. It pairs effectively with deeper charcoals or slate grays to ground its lightness. Designers often choose this hex code for healthcare or tech interfaces where clarity and order are prioritized over mood.
Questions about #b2daf4
What is #b2daf4 in RGB, HSL and CMYK?
In RGB, #b2daf4 is rgb(178, 218, 244), in HSL hsl(204, 75%, 83%) and in CMYK 27%, 11%, 0%, 4%.
Why is #b2daf4 effective for user interface design?
The high lightness and low saturation of #b2daf4 make it an ideal background color because it maintains strong contrast against dark text. It creates a clean, professional aesthetic often used in healthcare and technology platforms to communicate clarity, order, and calm.
Which colors pair best with #b2daf4 in a design scheme?
Is #b2daf4 readable on white or black?
#b2daf4 has a 1.47:1 contrast ratio on white and 14.22: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.