#F20530 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#f20530 is a high-octane red that demands immediate attention. Due to its intense saturation, this color works best as a sharp accent rather than a full background. It pairs well with slate grays or charcoal to ground its aggressive energy. Because this hex code offers a contrast ratio of 4.8:1, black text remains legible when layered over it for call-to-action buttons or highlights.
Questions about #f20530
What is #f20530 in RGB, HSL and CMYK?
In RGB, #f20530 is rgb(242, 5, 48), in HSL hsl(349, 96%, 48%) and in CMYK 0%, 98%, 80%, 5%.
How do I use #f20530 effectively in a design layout?
Because #f20530 is highly saturated and aggressive, treat it as a deliberate accent rather than a primary background color. It creates strong visual impact when used for call-to-action buttons or small UI elements layered over charcoal or slate gray surfaces.
Is #f20530 readable on white or black?
#f20530 has a 4.33: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.