#BCC4CC Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This pale, desaturated grey-blue reads as a neutral with a cool, airy undertone. Because #bcc4cc offers high contrast for black text, it works well as a readable background for minimalist user interfaces. It lacks the saturation to stand alone, so use it as a base tone alongside bolder navy or charcoal accents to prevent a washed-out appearance in your design layouts.
Questions about #bcc4cc
What is #bcc4cc in RGB, HSL and CMYK?
In RGB, #bcc4cc is rgb(188, 196, 204), in HSL hsl(210, 14%, 77%) and in CMYK 8%, 4%, 0%, 20%.
What design strategy works best with #bcc4cc?
Since #bcc4cc is low in saturation, it functions best as a base neutral rather than a focal point. Pair it with high-contrast text like charcoal or deep navy to ensure the design feels grounded instead of washed out.
Does #bcc4cc read as a warm or cool color?
This color reads distinctly cool because of its blue undertones. It creates a crisp, airy atmosphere that feels professional and detached, making it a frequent choice for modern software interfaces or clinical, clean-looking brand environments.
Is #bcc4cc readable on white or black?
#bcc4cc has a 1.76:1 contrast ratio on white and 11.90: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.