#E61F1F Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #e61f1f graphic
High-energy and intensely saturated, #e61f1f acts as a demanding primary red. Because of its extreme visual weight, this color performs best as a small accent rather than a background. Use it sparingly in UI design for calls to action where you need immediate attention. It pairs unexpectedly well with deep charcoal grays, creating a balanced, professional contrast. The hex code for this red is #e61f1f.

Questions about #e61f1f

What is #e61f1f in RGB, HSL and CMYK?
In RGB, #e61f1f is rgb(230, 31, 31), in HSL hsl(0, 80%, 51%) and in CMYK 0%, 87%, 87%, 10%. Browse more shades of red with names and hex codes.
How should #e61f1f be used in a professional UI design?
Because #e61f1f is so visually demanding, it is best reserved for small, high-impact elements like primary buttons or error states. Pair it with neutral charcoal or slate tones to ensure the design remains balanced and readable.
Does #e61f1f work well for large-scale backgrounds?
Avoid using #e61f1f as a background color for large sections, as its extreme saturation can cause eye strain and overwhelm the user. It is far more effective when used as a deliberate, singular focal point against a darker, muted palette.
Is #e61f1f readable on white or black?
#e61f1f has a 4.58:1 contrast ratio on white and 4.58:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works for body text and on black it works for body text. Try other pairs in the contrast checker.