#CBCBCE Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This pale, ashy grey offers a crisp, neutral foundation for minimal web interfaces. Because it maintains strong contrast against black typography, #cbcbce works well for background sections where you need readability without the harshness of pure white. Pair it with soft muted blues or deep charcoals to avoid a washed-out look. Its muted lightness makes it a versatile tool for wireframing and clean architectural layouts.
Questions about #cbcbce
What is #cbcbce in RGB, HSL and CMYK?
In RGB, #cbcbce is rgb(203, 203, 206), in HSL hsl(240, 3%, 80%) and in CMYK 1%, 1%, 0%, 19%.
When should I use #cbcbce in a web interface?
Use #cbcbce as a background base for sections where you need distinct separation from the main white layout without overwhelming the content. It provides enough contrast for dark typography while maintaining a soft, professional, and minimalist aesthetic for wireframes.
What colors pair best with #cbcbce?
This ashy grey works exceptionally well when balanced against high-contrast elements like charcoal for typography or deep, muted blues for accent buttons. These darker pairings prevent the layout from feeling washed out and anchor the overall design effectively.
Is #cbcbce readable on white or black?
#cbcbce has a 1.61:1 contrast ratio on white and 12.97: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.