#B8C4E0 Hex Color

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

Hex color #b8c4e0 graphic
This dusty, desaturated blue offers a light and airy aesthetic that feels clean without being stark. Because of its high lightness, black text stands out with excellent contrast against it, making it a functional choice for UI backgrounds. Use hex code #b8c4e0 as a base color when you need a professional, reliable foundation that works better than standard white in tech or healthcare layouts.

Questions about #b8c4e0

What is #b8c4e0 in RGB, HSL and CMYK?
In RGB, #b8c4e0 is rgb(184, 196, 224), in HSL hsl(222, 39%, 80%) and in CMYK 18%, 12%, 0%, 12%.
Why is #b8c4e0 effective for UI background design?
#b8c4e0 offers a perfect balance of high lightness and low saturation, which creates a clean, professional backdrop without the visual fatigue often caused by pure white. It provides enough contrast for black text to meet readability standards easily.
What colors pair well with #b8c4e0?
This color pairs beautifully with charcoal for high-contrast typography, or deep navy to create a sophisticated, monochromatic-inspired scheme. For a softer look, warm neutral tones can counteract the inherent coolness of the blue.
Is #b8c4e0 readable on white or black?
#b8c4e0 has a 1.74:1 contrast ratio on white and 12.01: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.