#B4DAED Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #b4daed graphic
#b4daed is a light, desaturated pastel blue that functions best as a supporting background tone rather than a dominant color. Because it is so pale, it can look washed out against white, but it pairs cleanly with charcoal grays or deep navy for professional, high-contrast layouts. The hex code for this shade is #b4daed, and it works effectively for minimalist UI interfaces needing a soft, neutral base.

Questions about #b4daed

What is #b4daed in RGB, HSL and CMYK?
In RGB, #b4daed is rgb(180, 218, 237), in HSL hsl(200, 61%, 82%) and in CMYK 24%, 8%, 0%, 7%.
How can I use #b4daed effectively in professional UI design?
#b4daed functions best as a subtle background base that allows darker foreground elements to pop. Because it is quite pale, always pair it with strong, dark colors like charcoal or navy to ensure your text and icons remain readable.
Does #b4daed work well as a primary accent color?
It is generally too muted to serve as a dominant primary color, as it can appear washed out against white backgrounds. Instead, use #b4daed to provide depth to a layout or as a sophisticated, calming secondary highlight color.
Is #b4daed readable on white or black?
#b4daed has a 1.47:1 contrast ratio on white and 14.19: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.