#B2D4F0 Hex Color

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

Select a Color

Soft and cool, #b2d4f0 is a pale, very unsaturated blue with a slight gray cast. Its high lightness gives interfaces a peaceful, dependable feel, making it useful for healthcare, finance, security, and spring-themed backgrounds. The hex code #b2d4f0 works best as a broad supporting base with dark text, which reaches about 13.6:1 contrast.

Questions about #b2d4f0

What is #b2d4f0 in RGB, HSL and CMYK?

In RGB, #b2d4f0 is rgb(178, 212, 240), in HSL hsl(207, 67%, 82%) and in CMYK 26%, 12%, 0%, 6%. Browse more shades of blue with names and hex codes.

What colors pair well with #b2d4f0 in a design?

#b2d4f0 pairs well with charcoal text, navy accents, and muted terracotta details, which add structure and warmth without overpowering its pale blue base. Use it as the dominant background and reserve warmer tones for buttons, illustrations, or small emphasis.

Is #b2d4f0 readable on white or black?

#b2d4f0 has a 1.54:1 contrast ratio on white and 13.56: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.

#B2D4F0 Hex Color

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

Questions about #b2d4f0

Color tools

Resources