#FCCCC7 Hex Color

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

Hex color #fcccc7 graphic
This pale, muted red offers a soft warmth without the intensity of a primary hue. Because it is highly unsaturated, #fcccc7 works effectively as a background base rather than a focal point. Pair it with charcoal or deep navy for a grounded contrast that prevents the palette from feeling too sweet. It maintains excellent readability with black text for accessible UI design.

Questions about #fcccc7

What is #fcccc7 in RGB, HSL and CMYK?
In RGB, #fcccc7 is rgb(252, 204, 199), in HSL hsl(6, 90%, 88%) and in CMYK 0%, 19%, 21%, 1%.
What colors pair well with #fcccc7?
Deep, saturated tones like charcoal or navy ground this pale color perfectly. These dark, high-contrast pairs prevent the overall design from feeling too light or washed out, ensuring your UI remains both readable and professionally balanced for your users.
Can I use #fcccc7 as a primary text color?
Do not use #fcccc7 for body text, as it lacks the necessary contrast against standard backgrounds for accessible web design. Use it instead for large, decorative UI elements or soft, airy backgrounds where readability requirements are less strict for the average user.
Is #fcccc7 readable on white or black?
#fcccc7 has a 1.43:1 contrast ratio on white and 14.60: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.