#FF4800 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#ff4800 is an aggressive, high-chroma orange-red that demands immediate attention. Because it is so intense, it works best as a 10 percent accent color rather than a dominant background. Pair it with deep charcoal grays to ground its heat. While legible with black text, avoid using it for large blocks of copy as it quickly overwhelms the eye. Use this hex code for buttons or calls to action.
Questions about #ff4800
What is #ff4800 in RGB, HSL and CMYK?
In RGB, #ff4800 is rgb(255, 72, 0), in HSL hsl(17, 100%, 50%) and in CMYK 0%, 72%, 100%, 0%.
How can I effectively use #ff4800 in a design without overwhelming the viewer?
Use #ff4800 sparingly as a 10 percent accent color to draw attention to specific UI elements like buttons or notification badges. Because it is so intense, it should never dominate a background or be used for large blocks of text.
What colors pair well with the intensity of #ff4800?
Deep, cool-toned neutrals like charcoal or dark slate effectively ground the heat of #ff4800, creating a balanced, professional contrast. Avoid placing it against similarly vibrant warm tones, which can cause visual vibration and make the design difficult to read.
Is #ff4800 readable on white or black?
#ff4800 has a 3.39:1 contrast ratio on white and 6.17: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.