#B4D2F8 Hex Color

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

Hex color #b4d2f8 graphic
With its light value and low saturation, #b4d2f8 is a soft, cool blue with a clean, slightly gray cast. The hex code works well as a dominant background for healthcare, finance, security, and spring layouts. Pair it with navy or charcoal for dependable contrast; black text remains highly readable, including in small body copy.

Questions about #b4d2f8

What is #b4d2f8 in RGB, HSL and CMYK?
In RGB, #b4d2f8 is rgb(180, 210, 248), in HSL hsl(214, 83%, 84%) and in CMYK 27%, 15%, 0%, 3%.
What colors pair well with #b4d2f8?
Navy and charcoal create dependable contrast with #b4d2f8, while white keeps the palette airy; muted slate blue can extend its cool, restrained feel in interfaces, presentations, and spring layouts without overpowering the background.
Is #b4d2f8 warm or cool?
#b4d2f8 reads as a cool blue because its hue leans blue and its low saturation adds a soft gray cast; the light value gives it a calm, clean mood suited to airy backgrounds rather than warm, energetic accents.
What text color works best on #b4d2f8?
Black text provides strong readability on #b4d2f8, while white text is too close in lightness for reliable body copy; check the final foreground and background pair with a contrast tool, especially for smaller text and interface controls.
Is #b4d2f8 readable on white or black?
#b4d2f8 has a 1.55:1 contrast ratio on white and 13.51: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.