#C2BEC4 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This pale, ashy grey offers a neutral base that feels airy and restrained. Because it is highly desaturated, #c2bec4 works best as a supporting background rather than a main focus, as it can appear washed out next to pure white. It pairs effectively with deep charcoal or muted navy text, maintaining enough contrast for readable UI design without the harshness of starker shades.
Questions about #c2bec4
What is #c2bec4 in RGB, HSL and CMYK?
In RGB, #c2bec4 is rgb(194, 190, 196), in HSL hsl(280, 5%, 76%) and in CMYK 1%, 3%, 0%, 23%.
How should I use #c2bec4 in my interface designs?
#c2bec4 works best as a supporting background shade because it is highly desaturated and soft. It provides excellent readability when paired with strong, dark typography like charcoal or deep navy, avoiding the harshness of pure black and white.
Is #c2bec4 considered a warm or cool grey?
#c2bec4 leans towards a cool, neutral aesthetic due to its slightly desaturated, ashy quality. It lacks the yellow or brown undertones that would make it read as a warm greige, making it reliable for modern, minimalist layouts.
Is #c2bec4 readable on white or black?
#c2bec4 has a 1.83:1 contrast ratio on white and 11.45: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.