#B2D4F5 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This pale, unsaturated blue offers a clean, airy aesthetic for modern interfaces. Because it maintains high contrast against black text, #b2d4f5 works exceptionally well as a primary background for fintech or healthcare apps where clarity is paramount. Pair it with soft charcoal grays rather than pure black to prevent the color from looking washed out or overly sterile. This hex code provides a reliable foundation for professional digital design.
Questions about #b2d4f5
What is #b2d4f5 in RGB, HSL and CMYK?
In RGB, #b2d4f5 is rgb(178, 212, 245), in HSL hsl(210, 77%, 83%) and in CMYK 27%, 13%, 0%, 4%.
What colors pair best with #b2d4f5?
Soft charcoal or deep slate grays provide the most effective contrast for text against #b2d4f5. These darker, muted tones anchor the lightness of the blue, preventing the overall design from appearing too washed out or overly sterile in professional applications.
Is #b2d4f5 readable on white or black?
#b2d4f5 has a 1.54:1 contrast ratio on white and 13.62: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.