#FF0300 Hex Color

A high-intensity red that commands attention

Hex color #ff0300 graphic
#ff0300 is a high-intensity, saturated red that demands immediate attention. Due to its extreme brightness, use it sparingly as a 10% accent color for calls to action rather than large backgrounds. It pairs well with slate grays or deep navies to ground its inherent energy. Black text maintains the necessary 5.3:1 contrast ratio against this hex code, ensuring readability for critical UI elements.

Questions about #ff0300

What is #ff0300 in RGB, HSL and CMYK?
In RGB, #ff0300 is rgb(255, 3, 0), in HSL hsl(1, 100%, 50%) and in CMYK 0%, 99%, 100%, 0%.
How can I effectively use #ff0300 in web design?
Because #ff0300 is extremely saturated, it works best as a 10% accent color for primary call-to-action buttons rather than large backgrounds. It naturally draws the eye, making it ideal for drawing attention to critical interface elements that require immediate user action.
What colors pair best with #ff0300?
To ground the intense energy of #ff0300, pair it with neutral slate grays or deep navy tones. These muted backgrounds prevent the red from overwhelming your layout while maintaining the necessary contrast for accessibility compliance.
Is #ff0300 readable on white or black?
#ff0300 has a 3.98:1 contrast ratio on white and 5.26: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.