#FF3131 Hex Color
An intense, high-energy red that grabs attention
The hex code #ff3131 is an aggressive, high-saturation red that demands immediate attention. Due to its intensity, use it sparingly as a 10% accent color for calls to action rather than a full background. It pairs well with charcoal gray or dark navy. Because it offers a 5.7:1 contrast ratio, black text remains legible when placed directly over this shade.
Questions about #ff3131
What is #ff3131 in RGB, HSL and CMYK?
In RGB, #ff3131 is rgb(255, 49, 49), in HSL hsl(0, 100%, 60%) and in CMYK 0%, 81%, 81%, 0%.
How should I use #ff3131 in a UI design?
Use #ff3131 sparingly as a 10% accent color for primary call-to-action buttons or status alerts to guide user attention. Because it is so aggressive, avoid using it as a background color to prevent eye strain.
What colors pair best with #ff3131?
Is #ff3131 readable on white or black?
#ff3131 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.