#B8CCE4 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, unsaturated blue carries a clean and airy character, making it a reliable choice for UI backgrounds where stark white feels overwhelming. Because #b8cce4 offers excellent contrast, it works well as a grounding base color for text-heavy layouts. Designers often pair this shade with warm charcoal grays to create a modern, professional palette. The hex code for this light, delicate blue is #b8cce4.
Questions about #b8cce4
What is #b8cce4 in RGB, HSL and CMYK?
In RGB, #b8cce4 is rgb(184, 204, 228), in HSL hsl(213, 45%, 81%) and in CMYK 19%, 11%, 0%, 11%. Browse more shades of blue with names and hex codes.
Why does #b8cce4 work well for interface backgrounds?
This color acts as a subtle, unsaturated alternative to stark white, reducing eye strain in complex layouts. Because it feels airy and neutral, it serves as a professional grounding base that makes dark text and high-contrast accents feel intentional and modern.
What colors pair best with #b8cce4?
You should pair #b8cce4 with deep, warm charcoal or soft slate grays to create a balanced, professional contrast. Adding hints of terracotta or warm earth tones can also provide a sophisticated, unexpected pop against this cool blue base.
Is #b8cce4 readable on white or black?
#b8cce4 has a 1.64:1 contrast ratio on white and 12.79: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.