#BCCACA Hex Color

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

Hex color #bccaca graphic
#bccaca is a muted, desaturated cyan that leans heavily into ashy, grey tones. Because it is so pale, it functions best as a neutral background rather than a primary focus. Pair it with charcoal or deep slate for high legibility, as black text reads clearly against this shade. It brings an airy, professional feel to UI designs and minimalist tech layouts.

Questions about #bccaca

What is #bccaca in RGB, HSL and CMYK?
In RGB, #bccaca is rgb(188, 202, 202), in HSL hsl(180, 12%, 76%) and in CMYK 7%, 0%, 0%, 21%.
What colors pair well with #bccaca?
#bccaca pairs exceptionally well with charcoal or deep slate tones, creating a high-contrast foundation for professional tech interfaces. Because it is a desaturated cyan, it also benefits from small accents of warm terracotta to break up the cool, grey monotony.
Is #bccaca suitable for primary interface text?
#bccaca is generally too light and low-contrast for primary body text, but it excels as a secondary background color. Use it for containers or panel accents, ensuring you pair it with much darker, saturated hues to maintain necessary screen readability standards.
Is #bccaca readable on white or black?
#bccaca has a 1.68:1 contrast ratio on white and 12.43: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.