#B2D7E8 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This airy cyan is desaturated and light, offering a gentle presence without appearing washed out. It functions well as a refreshing background for modern UI designs or children’s branding. Because it provides high contrast with black text, #b2d7e8 remains legible for small body copy. Pair this hex code with a sharp charcoal or deep navy to ground its ethereal quality.
Questions about #b2d7e8
What is #b2d7e8 in RGB, HSL and CMYK?
In RGB, #b2d7e8 is rgb(178, 215, 232), in HSL hsl(199, 54%, 80%) and in CMYK 23%, 7%, 0%, 9%.
What colors pair well with #b2d7e8?
Is #b2d7e8 suitable for UI body text?
Yes, #b2d7e8 provides sufficient contrast against black or very dark grey backgrounds for larger headings, though it should be used cautiously for small body text. Always verify your contrast ratio if using #b2d7e8 for text to ensure it meets accessibility standards.
Is #b2d7e8 readable on white or black?
#b2d7e8 has a 1.52:1 contrast ratio on white and 13.77: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.