#FF0700 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This highly saturated, beaming red commands immediate attention. Because it is so intense, #ff0700 works best as a small accent rather than a background color. It pairs surprisingly well with charcoal grays or deep teals to ground its energy. Black text maintains excellent legibility against this hue, making it a reliable choice for urgent call-to-action buttons. The hex code for this powerful red is #ff0700.
Questions about #ff0700
What is #ff0700 in RGB, HSL and CMYK?
In RGB, #ff0700 is rgb(255, 7, 0), in HSL hsl(2, 100%, 50%) and in CMYK 0%, 97%, 100%, 0%.
How can I effectively use #ff0700 in a UI design?
Reserve #ff0700 for small, strategic elements like critical call-to-action buttons or alert icons to command immediate attention. Because this red is so aggressive, it overwhelms the user when used as a large background or primary brand color.
What colors pair well with the intensity of #ff0700?
Balance this aggressive red by pairing it with charcoal or deep neutral grays to ground the visual energy. If you need a more sophisticated palette, high-contrast dark teals offer a modern, grounded alternative that keeps the design legible.
Is #ff0700 readable on white or black?
#ff0700 has a 3.97:1 contrast ratio on white and 5.28:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.