#FF7118 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This intense orange is highly saturated, functioning best as an attention-grabbing accent rather than a primary background. Because it offers strong contrast against black text, you can safely use it for call-to-action buttons or small UI highlights. Pair it with deep charcoal or navy to ground its aggressive energy. The hex code for this vivid shade is #ff7118.
Questions about #ff7118
What is #ff7118 in RGB, HSL and CMYK?
In RGB, #ff7118 is rgb(255, 113, 24), in HSL hsl(23, 100%, 55%) and in CMYK 0%, 56%, 91%, 0%.
What colors pair best with #ff7118?
Is #ff7118 suitable for body text?
Avoid using #ff7118 for body text because its extreme vibrancy causes eye strain and poor readability. This shade is purpose-built for high-impact UI elements like call-to-action buttons, small highlights, or notification icons that require immediate user attention.
Is #ff7118 readable on white or black?
#ff7118 has a 2.75:1 contrast ratio on white and 7.62: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.