#F7BA74 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This light, peachy orange offers a fresh and optimistic tone. Because it maintains high readability with black text, #f7ba74 works effectively as a background for UI elements. Avoid using it against stark white, as the color can appear washed out. Instead, pair this shade with deep charcoal to ground your layout. The hex code for this color is #f7ba74.
Questions about #f7ba74
What is #f7ba74 in RGB, HSL and CMYK?
In RGB, #f7ba74 is rgb(247, 186, 116), in HSL hsl(32, 89%, 71%) and in CMYK 0%, 25%, 53%, 3%.
What colors pair best with #f7ba74 in a design layout?
Is #f7ba74 suitable for text on a white background?
This color is generally too light to be used for text on a white background, as it will likely fail accessibility standards for contrast. Instead, use #f7ba74 as a warm, inviting background color with darker text layered on top.
Is #f7ba74 readable on white or black?
#f7ba74 has a 1.71:1 contrast ratio on white and 12.23: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.