#F7D3BD Hex Color

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

Select a Color

#f7d3bd is a desaturated, peachy orange that feels airy and gentle. Because it sits so light, it provides excellent contrast for black text, making it a practical choice for UI backgrounds. Pair this tone with deep charcoal or slate blue to anchor the lightness. Designers often use this hex code for baby product branding or soft, seasonal spring interfaces.

Questions about #f7d3bd

What is #f7d3bd in RGB, HSL and CMYK?

In RGB, #f7d3bd is rgb(247, 211, 189), in HSL hsl(23, 78%, 85%) and in CMYK 0%, 15%, 23%, 3%.

What colors pair best with #f7d3bd for a balanced design?

Use deep, cool-toned neutrals to anchor the lightness of #f7d3bd. It works beautifully when paired with charcoal or deep slate blue, which prevents the interface from feeling washed out while maintaining a soft, sophisticated, and readable aesthetic.

Is #f7d3bd readable on white or black?

#f7d3bd has a 1.39:1 contrast ratio on white and 15.00: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.

#F7D3BD Hex Color

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

Questions about #f7d3bd

Color tools

Resources