#FF7D35 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#ff7d35 is a high-intensity orange that commands attention. Because of its saturated, loud nature, it works best as a punchy accent rather than a background color. Pair it with deep charcoals to make the hue pop without overpowering your design. This hex code provides excellent contrast for black text, ensuring readability when used for calls to action or UI highlights.
Questions about #ff7d35
What is #ff7d35 in RGB, HSL and CMYK?
In RGB, #ff7d35 is rgb(255, 125, 53), in HSL hsl(21, 100%, 60%) and in CMYK 0%, 51%, 79%, 0%.
What colors pair effectively with #ff7d35?
Pair #ff7d35 with deep charcoals or dark navy blues to ground its high energy and prevent it from appearing overwhelming. These dark neutrals provide necessary contrast that makes the vibrant orange hue stand out without causing visual fatigue for the user.
Is #ff7d35 suitable for text usage?
Using #ff7d35 as text can create accessibility challenges due to its brightness and lower contrast against white backgrounds. It is better utilized as a vibrant background for small UI elements or as a focal point for call-to-action buttons instead of body text.
Is #ff7d35 readable on white or black?
#ff7d35 has a 2.54:1 contrast ratio on white and 8.23: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.