#F7C69B Hex Color
A gentle and friendly mellow pastel orange
This mellow pastel orange feels approachable and friendly. Because it is highly desaturated, #f7c69b works best as a supporting background rather than a dominant color, as it can appear washed out in large areas. Pair it with deep charcoal or slate blue to create necessary contrast. The hex code for this shade is #f7c69b, which offers high readability when used with black text.
Questions about #f7c69b
What is #f7c69b in RGB, HSL and CMYK?
In RGB, #f7c69b is rgb(247, 198, 155), in HSL hsl(28, 85%, 79%) and in CMYK 0%, 20%, 37%, 3%. Browse more shades of orange with names and hex codes.
Which colors pair well with #f7c69b for web design?
#f7c69b creates the best visual balance when paired with high-contrast, deep neutrals like charcoal or slate blue. These darker tones ground the airy, desaturated nature of the orange, preventing the design from feeling too washed out or faded.
Is #f7c69b suitable for body text or buttons?
Using #f7c69b for primary text is discouraged as it lacks sufficient contrast against white backgrounds, failing most accessibility standards. Instead, use this color for large background blocks or soft interface accents, ensuring that all interactive elements and text remain significantly darker.
Is #f7c69b readable on white or black?
#f7c69b has a 1.55:1 contrast ratio on white and 13.50: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.