#FF2500 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Blazing and highly saturated, #ff2500 commands immediate attention. Due to its intensity, use this tone as a 10% accent for buttons or alerts rather than a large background. Black text remains readable at a 5.5:1 contrast ratio against this hex code. Designers often pair it with dark charcoal for a balanced, high-contrast look that keeps the overall layout grounded.
Questions about #ff2500
What is #ff2500 in RGB, HSL and CMYK?
In RGB, #ff2500 is rgb(255, 37, 0), in HSL hsl(9, 100%, 50%) and in CMYK 0%, 85%, 100%, 0%.
How should I effectively use #ff2500 in my designs?
Because of its intense saturation, #ff2500 works best as a deliberate 10% accent rather than a primary background color. It is ideal for call-to-action buttons, error notifications, or highlights that must stand out against neutral surroundings.
What colors pair well with #ff2500 for a balanced palette?
Pair #ff2500 with charcoal or deep neutral grays to provide a grounding effect that prevents the red from becoming visually overwhelming. This high-contrast combination creates a sophisticated, modern look that keeps your overall layout feeling structured and readable.
Is #ff2500 readable on white or black?
#ff2500 has a 3.80:1 contrast ratio on white and 5.51: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.