#FF1F1F Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This intense, saturated red commands immediate attention. Because of its high chroma, #ff1f1f is best utilized as a bold accent or highlight rather than a large background color, where it can easily overwhelm the eye. It pairs surprisingly well with dark charcoal or cool grays to ground its energy. The hex code for this primary, high-impact red is #ff1f1f.
Questions about #ff1f1f
What is #ff1f1f in RGB, HSL and CMYK?
In RGB, #ff1f1f is rgb(255, 31, 31), in HSL hsl(0, 100%, 56%) and in CMYK 0%, 88%, 88%, 0%.
How can I effectively use #ff1f1f in a design layout?
Because #ff1f1f is extremely high-chroma, it works best as a targeted accent color rather than a primary background. Use it for call-to-action buttons or small visual highlights to guide the user eye without causing visual fatigue or overwhelming the interface.
What colors pair well with #ff1f1f?
This intense red is grounded well by charcoal or deep slate grays, which balance its energetic warmth. For a more sophisticated look, pairing it with muted, cool-toned neutrals prevents the color from appearing too aggressive in professional designs.
Is #ff1f1f readable on white or black?
#ff1f1f has a 3.84:1 contrast ratio on white and 5.46: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.