#F53636 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This high-octane red demands immediate attention. #f53636 creates a powerful, saturated accent that works well for urgent calls to action or UI alerts. Because it is so intense, avoid using it for large backgrounds. It provides excellent accessibility for small black text, which passes WCAG standards at a 5.5:1 contrast ratio. The hex code for this bold color is #f53636.
Questions about #f53636
What is #f53636 in RGB, HSL and CMYK?
In RGB, #f53636 is rgb(245, 54, 54), in HSL hsl(0, 91%, 59%) and in CMYK 0%, 78%, 78%, 4%.
What colors pair well with the intense red of #f53636?
Because of its high saturation, #f53636 works best when paired with neutral tones like charcoal or off-white to prevent visual chaos. Avoid pairing it with other vibrant hues unless you are specifically aiming for a high-energy, clashing aesthetic.
Is #f53636 readable on white or black?
#f53636 has a 3.84:1 contrast ratio on white and 5.46: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.