Scarlet
An intense and vivid high-octane red
Scarlet is a high-octane red that demands immediate attention. Because of its extreme saturation, the hex code #ff2400 functions best as a tactical accent rather than a dominant background. Use it sparingly for call to action buttons or alerts to avoid overwhelming the viewer. It pairs effectively with deep charcoal gray, and black text remains highly legible against this vivid tone.
Questions about Scarlet
What is the hex code for Scarlet?
Scarlet is #ff2400. In RGB that is rgb(255, 36, 0), in HSL hsl(8, 100%, 50%) and in CMYK 0%, 86%, 100%, 0%.
How should I use #ff2400 in a design layout?
Because of its extreme saturation, #ff2400 functions best as a tactical accent rather than a dominant background color. Use it sparingly for call-to-action buttons, error alerts, or small UI elements where you need to draw the eye immediately.
What colors pair well with #ff2400?
Scarlet pairs effectively with deep charcoal or dark gray tones, which provide enough contrast to keep the design balanced. Black text also remains highly legible against this vivid tone, making it a safe choice for high-contrast accessibility requirements.
Is Scarlet readable on white or black?
Scarlet has a 3.81:1 contrast ratio on white and 5.50: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.