#FF7504 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This high-intensity orange commands immediate attention. Its heavy saturation makes it perfect for aggressive calls to action or small, punchy accents where you need to draw the eye. Avoid using it as a large background, as it quickly becomes overwhelming. Instead, pair #ff7504 with a deep charcoal to ground its brightness. Black text remains perfectly readable against this bold, neon-leaning shade.
Questions about #ff7504
What is #ff7504 in RGB, HSL and CMYK?
In RGB, #ff7504 is rgb(255, 117, 4), in HSL hsl(27, 100%, 51%) and in CMYK 0%, 54%, 98%, 0%.
How can I effectively balance the intensity of #ff7504 in a design?
Use #ff7504 sparingly as a focal point, such as for buttons or notifications, rather than a background. To prevent eye strain, balance the brightness by surrounding it with charcoal or deep neutral grays to ground the visual weight.
Is #ff7504 a suitable choice for large areas of text or backgrounds?
Avoid using #ff7504 for large backgrounds, as its high saturation will quickly overwhelm the viewer and become tiring. It is far more effective as an accent color or in small, punchy graphics where you need to draw the eye immediately.
Is #ff7504 readable on white or black?
#ff7504 has a 2.69:1 contrast ratio on white and 7.79: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.