#F4C7A1 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This pastel orange is mellow and airy, lacking the intensity of a pure primary hue. Because it is highly unsaturated, #f4c7a1 works best as a soft background or a supporting tone rather than a central focal point. It pairs well with slate blues or deep teals for a balanced look. The hex code is #f4c7a1, which offers enough contrast for legible black text in UI designs.
Questions about #f4c7a1
What is #f4c7a1 in RGB, HSL and CMYK?
In RGB, #f4c7a1 is rgb(244, 199, 161), in HSL hsl(27, 79%, 79%) and in CMYK 0%, 18%, 34%, 4%.
What colors pair well with #f4c7a1?
#f4c7a1 works best when paired with deeper, cooler tones to create a balanced visual contrast. Try combining it with slate blue or deep teal for a sophisticated look that prevents the orange from feeling too washed out.
Is #f4c7a1 suitable for UI text?
#f4c7a1 is generally too light to be used as primary body text, as it lacks sufficient contrast against standard white backgrounds. It serves better as a background color where black or very dark text remains perfectly legible.
Is #f4c7a1 readable on white or black?
#f4c7a1 has a 1.55:1 contrast ratio on white and 13.53: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.