#F20D05 Hex Color

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

Hex color #f20d05 graphic
This high-octane red is saturated, intense, and demands immediate attention. Because it is so loud and aggressive, use #f20d05 sparingly as a 10% accent color for calls to action or alerts rather than a primary background. It pairs surprisingly well with deep, moody charcoals, which ground its extreme energy. The hex code for this powerful, fiery shade is #f20d05.

Questions about #f20d05

What is #f20d05 in RGB, HSL and CMYK?
In RGB, #f20d05 is rgb(242, 13, 5), in HSL hsl(2, 96%, 48%) and in CMYK 0%, 95%, 98%, 5%.
When should I use #f20d05 in a design?
Because #f20d05 is so intense and visually loud, it should be reserved for small UI accents like call-to-action buttons, alert states, or validation errors where you need to draw immediate, focused user attention without overwhelming the rest of your interface.
What colors balance the intensity of #f20d05?
You can ground this fiery red by pairing it with charcoal or deep, desaturated grays, which absorb its extreme energy and prevent it from vibrating against the screen, creating a clean, sophisticated hierarchy in your layout design.
Is #f20d05 readable on white or black?
#f20d05 has a 4.34:1 contrast ratio on white and 4.83: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.