#FCD4B0 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This mellow, pale orange leans heavily into peach tones with low saturation. The hex code #fcd4b0 offers an airy, optimistic backdrop for baby products or spring-themed designs. Because it is so light, black text remains highly readable with a 15.2:1 contrast ratio. Avoid pairing this color directly against white, as the subtle difference can make your interface look washed out or unintentional.
Questions about #fcd4b0
What is #fcd4b0 in RGB, HSL and CMYK?
In RGB, #fcd4b0 is rgb(252, 212, 176), in HSL hsl(28, 93%, 84%) and in CMYK 0%, 16%, 30%, 1%.
What colors pair well with #fcd4b0?
#fcd4b0 works best with grounded, darker tones that prevent the design from feeling washed out. Pair it with charcoal for high-contrast, readable text, or use soft terracotta shades to lean into a cohesive, monochromatic warm palette.
Does #fcd4b0 work well for web interface buttons?
Using #fcd4b0 as a primary button background can be challenging due to its low contrast against white backgrounds. Ensure you use dark, high-contrast typography on top of it to meet accessibility standards, as the light saturation may otherwise reduce legibility for some users.
Is #fcd4b0 readable on white or black?
#fcd4b0 has a 1.38:1 contrast ratio on white and 15.18: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.