#F7BCA3 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted, dusty orange feels mellow and approachable due to its low saturation. Because it lacks harsh brightness, it serves best as a supporting background tone rather than a focal point. Pair it with deep charcoal or slate gray to anchor its warmth. The hex code for this soft shade is #f7bca3, which provides excellent contrast for readable black body text in UI design.
Questions about #f7bca3
What is #f7bca3 in RGB, HSL and CMYK?
In RGB, #f7bca3 is rgb(247, 188, 163), in HSL hsl(18, 84%, 80%) and in CMYK 0%, 24%, 34%, 3%.
How should I use #f7bca3 in my design layout?
Use #f7bca3 primarily as a secondary background color or a subtle accent element. Because it lacks high saturation, it works exceptionally well when balanced against high-contrast, dark charcoal text, ensuring readability without overwhelming the viewer's eyes.
Does #f7bca3 work well for UI text?
No, #f7bca3 is generally too light for body text and does not meet minimum accessibility contrast ratios against standard white backgrounds. Reserve this shade for UI components like cards or dividers instead, keeping primary text in a much darker hue for accessibility.
Is #f7bca3 readable on white or black?
#f7bca3 has a 1.65:1 contrast ratio on white and 12.67: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.