#B4D1F9 Hex Color

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

Hex color #b4d1f9 graphic
This airy, pale blue is highly desaturated and reads as an approachable, professional neutral. It creates a stable base for UI backgrounds or branding, especially where you need to project reliability without visual noise. Pair #b4d1f9 with deep charcoal text to maintain strong readability, as it offers a high contrast ratio. The hex code for this pastel blue is #b4d1f9.

Questions about #b4d1f9

What is #b4d1f9 in RGB, HSL and CMYK?
In RGB, #b4d1f9 is rgb(180, 209, 249), in HSL hsl(215, 85%, 84%) and in CMYK 28%, 16%, 0%, 2%.
What design style suits the color #b4d1f9 best?
This shade works exceptionally well in corporate, medical, or tech-focused branding that prioritizes trust and clarity over excitement. Its desaturated nature removes visual noise, making it a perfect choice for clean app backgrounds, sidebar navigation, or subtle informational cards.
Is #b4d1f9 readable on white or black?
#b4d1f9 has a 1.56:1 contrast ratio on white and 13.42: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.