#FF7000 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #ff7000 graphic
This high-octane orange demands attention with its intense, saturated pigment. Because of its sheer brightness, #ff7000 works best as a 10% accent color rather than a dominant background. Pair it with deep charcoal or slate greys to ground the energy and ensure readability. This hex code provides excellent contrast for black text, making it a reliable choice for buttons and critical interface callouts.

Questions about #ff7000

What is #ff7000 in RGB, HSL and CMYK?
In RGB, #ff7000 is rgb(255, 112, 0), in HSL hsl(26, 100%, 50%) and in CMYK 0%, 56%, 100%, 0%.
How should I use #ff7000 in user interface design?
Because of its intense saturation, #ff7000 is best used as a 10% accent color for buttons or call-to-action elements rather than a background. Pair it with deep charcoal or slate grays to ground the energy and ensure text readability.
What colors pair well with #ff7000?
To balance the aggressive warmth of #ff7000, pair it with neutral, cool-toned shades like slate or deep navy. These pairings provide necessary contrast, preventing the vibrancy of the orange from overwhelming your design layout or typography.
Is #ff7000 readable on white or black?
#ff7000 has a 2.77:1 contrast ratio on white and 7.56: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.