#F08400 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, high-energy orange commands immediate attention, making it ideal for call-to-action buttons or small UI accents. Because it is so intense, #f08400 works best in small doses rather than as a background color. For optimal readability, pair it with black text, as this combination offers excellent contrast. Designers often use this shade to inject excitement and urgency into modern branding projects.
Questions about #f08400
What is #f08400 in RGB, HSL and CMYK?
In RGB, #f08400 is rgb(240, 132, 0), in HSL hsl(33, 100%, 47%) and in CMYK 0%, 45%, 100%, 6%.
How should I use #f08400 in a UI design?
Apply #f08400 sparingly as a highlight color for buttons or alerts to command immediate user attention. Because this orange is so intense, it often overpowers larger background areas and works best when paired with charcoal or deep black text for readability.
Is #f08400 readable on white or black?
#f08400 has a 2.62:1 contrast ratio on white and 8.00: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.