#F7B294 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This light, unsaturated orange feels youthful and approachable without being aggressive. It functions best as a cheerful background color or a subtle accent in brand palettes. Pair the hex code #f7b294 with deep charcoal or navy text to ensure high readability. Avoid using it alongside other pastels, as it can wash out and lose its warmth on light-colored screens.
Questions about #f7b294
What is #f7b294 in RGB, HSL and CMYK?
In RGB, #f7b294 is rgb(247, 178, 148), in HSL hsl(18, 86%, 77%) and in CMYK 0%, 28%, 40%, 3%.
What colors pair well with #f7b294?
How does #f7b294 work in digital design?
It functions best as a cheerful, youthful background color or a subtle accent in minimalist branding. Because it is unsaturated, it feels grounded and approachable without being aggressive, provided it is anchored by stronger, darker colors in the layout.
Is #f7b294 readable on white or black?
#f7b294 has a 1.78:1 contrast ratio on white and 11.75: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.