#FB3636 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, blazing red demands immediate attention. Because #fb3636 is so intense, it works best as an accent for calls to action or critical alerts rather than a full background. Pair this color with deep charcoal tones for a grounded look. Since black text provides excellent 5.7:1 contrast, this hex code is highly effective for clear, readable UI elements in high-energy branding.
Questions about #fb3636
What is #fb3636 in RGB, HSL and CMYK?
In RGB, #fb3636 is rgb(251, 54, 54), in HSL hsl(0, 96%, 60%) and in CMYK 0%, 78%, 78%, 2%.
How can I effectively use #fb3636 in UI design?
#fb3636 is best reserved for high-priority elements like error alerts or primary call-to-action buttons rather than large backgrounds. Because it is so intense, using it sparingly against a neutral, dark charcoal background maintains visual hierarchy without overwhelming the user.
Is #fb3636 readable on white or black?
#fb3636 has a 3.69:1 contrast ratio on white and 5.68: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.