#BCC6CC Hex Color

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

Select a Color

#bcc6cc is a desaturated, cool-toned blue that leans heavily into grey. This pale, ashy shade provides a clean, airy base for minimalist UI designs where white feels too harsh. It pairs effectively with deep charcoals or slate tones for high-contrast accessibility. The hex code for this faded blue is #bcc6cc, which offers sufficient readability for body text against dark, authoritative backgrounds.

Questions about #bcc6cc

What is #bcc6cc in RGB, HSL and CMYK?

In RGB, #bcc6cc is rgb(188, 198, 204), in HSL hsl(203, 14%, 77%) and in CMYK 8%, 3%, 0%, 20%.

What colors pair well with #bcc6cc in UI design?

#bcc6cc works beautifully when paired with deep charcoal or dark navy tones, as the high contrast ensures excellent readability while maintaining a sophisticated, modern aesthetic. Avoid using pure black text against this color, as it can feel overly heavy or distracting.

Does #bcc6cc read as a warm or cool color?

#bcc6cc is distinctly a cool-toned shade because of its heavy grey and blue base undertones. It lacks any yellow or red warmth, making it an ideal choice for designs that need to feel clinical, professional, calm, or scientifically precise.

Is #bcc6cc readable on white or black?

#bcc6cc has a 1.73:1 contrast ratio on white and 12.08: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.

#BCC6CC Hex Color

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

Questions about #bcc6cc

Color tools

Resources