#B7DFE9 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
The hex code #b7dfe9 identifies a pale, heavily tinted cyan with a soft blue cast. Its low saturation feels airy, clean, and gently youthful, making it useful for spacious UI backgrounds, spring themes, and baby or technology branding. Pair it with navy or charcoal for structure, since this light tone can look washed out beside white. Black text has about a 14.7:1 contrast ratio here, supporting readable body copy.
Questions about #b7dfe9
What is #b7dfe9 in RGB, HSL and CMYK?
In RGB, #b7dfe9 is rgb(183, 223, 233), in HSL hsl(192, 53%, 82%) and in CMYK 21%, 4%, 0%, 9%. Browse more shades of blue with names and hex codes.
What colors pair well with #b7dfe9?
Navy and charcoal give #b7dfe9 enough visual weight for text, icons, and borders, while muted terracotta adds warmth without overpowering its pale cyan base. Use navy for a crisp interface and terracotta for a softer editorial palette.
Where does #b7dfe9 work best in design?
Use #b7dfe9 as a dominant light background in dashboards, onboarding screens, spring campaigns, and baby-product packaging because its low saturation leaves room for stronger accents, while dark typography prevents large areas from looking washed out.
Is #b7dfe9 readable on white or black?
#b7dfe9 has a 1.42:1 contrast ratio on white and 14.74: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.