#B4D5F5 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This airy, pastel blue feels muted and light rather than vivid. Because it lacks heavy saturation, #b4d5f5 works best as a large UI background or a supporting tone for healthcare and tech interfaces. Pair it with dark charcoal text to ensure high legibility. The hex code for this cool, unsaturated shade is #b4d5f5, which provides a clean and balanced anchor for minimalist layouts.
Questions about #b4d5f5
What is #b4d5f5 in RGB, HSL and CMYK?
In RGB, #b4d5f5 is rgb(180, 213, 245), in HSL hsl(210, 76%, 83%) and in CMYK 27%, 13%, 0%, 4%.
What colors pair well with #b4d5f5 for UI design?
Is #b4d5f5 suitable for large-scale background use?
Yes, #b4d5f5 is an excellent choice for full-screen UI backgrounds because its lack of high saturation prevents eye strain. It provides a clean, neutral anchor that makes other design elements pop without overwhelming the user.
Is #b4d5f5 readable on white or black?
#b4d5f5 has a 1.52:1 contrast ratio on white and 13.77: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.