#B4DCF0 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This pale, icy blue has a washed-out quality that feels airy and light. Because #b4dcf0 has low saturation, it serves best as a supporting background color rather than a primary focal point. It pairs well with crisp charcoal grays for a professional look in tech or finance interfaces. Black text offers excellent contrast against this hex code, ensuring readability for your users.
Questions about #b4dcf0
What is #b4dcf0 in RGB, HSL and CMYK?
In RGB, #b4dcf0 is rgb(180, 220, 240), in HSL hsl(200, 67%, 82%) and in CMYK 25%, 8%, 0%, 6%. Browse more shades of blue with names and hex codes.
What colors pair best with #b4dcf0 for professional design?
#b4dcf0 works best when contrasted with deep neutrals like charcoal or slate gray. These darker tones ground the airy, washed-out nature of this light blue, creating a polished, high-contrast look suitable for modern tech or finance web interfaces.
Is #b4dcf0 suitable for use as a primary interface background?
Yes, this color functions exceptionally well as a background because its low saturation reduces visual strain. By using #b4dcf0 as a canvas, you can maintain excellent readability for black or deep dark gray typography, which is essential for user-friendly web layouts.
Is #b4dcf0 readable on white or black?
#b4dcf0 has a 1.45:1 contrast ratio on white and 14.43: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.