#F93F58 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This high-chroma red demands attention with its intense, saturated warmth. Because it carries such heavy visual weight, #f93f58 works best as a sharp accent or a call to action rather than a background. Use it sparingly against charcoal or deep slate grays to prevent eye strain. The hex code for this powerful, fiery shade is #f93f58, which maintains sufficient contrast with black text for accessible UI elements.
Questions about #f93f58
What is #f93f58 in RGB, HSL and CMYK?
In RGB, #f93f58 is rgb(249, 63, 88), in HSL hsl(352, 94%, 61%) and in CMYK 0%, 75%, 65%, 2%.
How should I use #f93f58 in UI design?
#f93f58 is highly saturated and demands immediate focus, so reserve it for critical actions like primary buttons or notification badges. Because of its intensity, pairing it with neutral backgrounds like charcoal or deep gray helps maintain readability without overwhelming the user interface.
Does #f93f58 work well for large blocks of text?
You should avoid using #f93f58 as a large block of body text because its high chroma causes visual fatigue over time. It functions much better as an accent color or in icon sets, provided there is enough contrast against your chosen background.
Is #f93f58 readable on white or black?
#f93f58 has a 3.57:1 contrast ratio on white and 5.87: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.