#F7D0AF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Soft and highly unsaturated, #f7d0af acts as a warm, approachable alternative to sterile white backgrounds. This pale orange hex code offers excellent contrast with black text, maintaining a 14.6:1 ratio that keeps small body type perfectly readable. Because of its muted personality, pair it with charcoal or deep navy rather than other pastels to prevent the overall design from feeling washed out.
Questions about #f7d0af
What is #f7d0af in RGB, HSL and CMYK?
In RGB, #f7d0af is rgb(247, 208, 175), in HSL hsl(27, 82%, 83%) and in CMYK 0%, 16%, 29%, 3%.
Does #f7d0af work well for UI backgrounds?
Yes, #f7d0af functions as an excellent, readable alternative to harsh white backgrounds in user interface design. Because it maintains high contrast ratios with black text, it provides a warmer, more approachable feeling without sacrificing any necessary accessibility for body copy.
Which colors pair best with #f7d0af?
Is #f7d0af readable on white or black?
#f7d0af has a 1.43:1 contrast ratio on white and 14.59: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.