#FF3130 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#ff3130 is an incredibly intense, high-chroma red that commands immediate attention. Because of its extreme saturation, it works best as a 10 percent accent color for calls to action or UI alerts rather than a full background. It pairs surprisingly well with charcoal grays for a modern, energetic look. The hex code for this powerful red is #ff3130, which maintains enough contrast for accessible black text.
Questions about #ff3130
What is #ff3130 in RGB, HSL and CMYK?
In RGB, #ff3130 is rgb(255, 49, 48), in HSL hsl(0, 100%, 59%) and in CMYK 0%, 81%, 81%, 0%.
What is the best way to use #ff3130 in web design?
Use #ff3130 sparingly as a 10 percent accent color for primary call-to-action buttons, error states, or urgent UI alerts. Because of its extreme saturation, applying it to large backgrounds overwhelms the user and hurts readability, so keep it for focal points only.
Is #ff3130 readable on white or black?
#ff3130 has a 3.66:1 contrast ratio on white and 5.73: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.