#F0A400 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#f0a400 is a high-energy, golden-orange hue that commands immediate attention. Because of its saturated, glowing intensity, it works best as a punchy 10% accent rather than a full background. Pair this hex code with deep charcoal grays to create a sharp, legible contrast, as black text reads clearly against it. It captures the spirit of youth marketing and seasonal themes without ever feeling subtle.
Questions about #f0a400
What is #f0a400 in RGB, HSL and CMYK?
In RGB, #f0a400 is rgb(240, 164, 0), in HSL hsl(41, 100%, 47%) and in CMYK 0%, 32%, 100%, 6%.
What works best as a companion for #f0a400?
Because #f0a400 possesses such high saturation and intensity, it creates the best legibility and visual impact when paired with dark, muted tones like charcoal. Avoid using it with other bright colors, as the lack of contrast will make text difficult to read.
Is #f0a400 suitable for large background areas?
This golden-orange hue is far too intense to serve as a primary background color for most interfaces. It functions best when limited to a 10% accent application, keeping user attention focused on key UI elements rather than overwhelming the entire screen.
Is #f0a400 readable on white or black?
#f0a400 has a 2.09:1 contrast ratio on white and 10.01: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.