#F0AF5E Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This warm, mellow orange reads as approachable without feeling overly bright. Due to its medium saturation, black text provides the best readability against this shade. Designers frequently use #f0af5e as a friendly accent color in UI branding or seasonal marketing materials. Understanding what colors make orange helps you manipulate these tones effectively. The hex code for this shade is #f0af5e.
Questions about #f0af5e
What is #f0af5e in RGB, HSL and CMYK?
In RGB, #f0af5e is rgb(240, 175, 94), in HSL hsl(33, 83%, 65%) and in CMYK 0%, 27%, 61%, 6%. Browse more shades of orange with names and hex codes.
How should #f0af5e be used in UI design?
This hue works best as an accent color for buttons, notification badges, or headers rather than as a primary background. Its warmth creates a friendly, inviting interaction without being as aggressive or intense as pure red or bright yellow.
Is #f0af5e readable on white or black?
#f0af5e has a 1.90:1 contrast ratio on white and 10.99: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.