#BCC5CE Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
With its pale, ashy blue-gray cast, #bcc5ce feels delicate, clean, and airy without becoming stark. The hex code works well as a secondary background for finance, healthcare, technology, or government interfaces, especially beside navy or charcoal. Its muted lightness can look washed out against white, while black text reaches about 12.0:1 contrast for clear body copy.
Questions about #bcc5ce
What is #bcc5ce in RGB, HSL and CMYK?
In RGB, #bcc5ce is rgb(188, 197, 206), in HSL hsl(210, 16%, 77%) and in CMYK 9%, 4%, 0%, 19%.
What colors pair well with #bcc5ce?
#bcc5ce pairs well with charcoal or navy for readable structure, while muted burgundy or terracotta add a restrained warm accent without overpowering its pale, low-saturation blue-gray base in an interface palette. Use it as the broad base, then reserve warmer colors for small accents.
Where does #bcc5ce work best in design?
#bcc5ce works best as a dominant light background or secondary surface in finance, healthcare, security, and technology interfaces, where its muted blue-gray character supports dense information without visual noise or glare. It can lose definition beside white, so darker borders or type preserve hierarchy.
Is #bcc5ce readable on white or black?
#bcc5ce 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.