Scarlet color: #ff2400
The Scarlet color code in every format, with shades, matching colors and ready palettes.
Read as HEX
- Ctrl Vpaste a color anywhere
- Spacerandom color
- Ccopy HEX
OKLCH
- Red
- Medium
- Vivid
- Neon
- Warm
- red-500
- Black 0%
Looks the same on every screen.
Shades
From lightest to darkest. Click a shade to use it.
Harmonies
Open as paletteRecent
Colors you stop on or copy appear here. They stay on this device.
Palettes with Scarlet
Similar named colors
Questions about Scarlet
What is the hex code for Scarlet?
The hex code for Scarlet is #ff2400. In RGB it is rgb(255 36 0), in HSL hsl(8.47 100% 50%) and in OKLCH oklch(63.789% 0.24841 31.019).
What colors go well with Scarlet?
Its complementary color is #009fb8. For a calmer look, pair it with the analogous colors #f71a82 and #d26d00. Ready palettes with Scarlet are shown on this page.
Is Scarlet a warm or cool color?
Scarlet is a warm color with an OKLCH hue of 31 degrees.
What text color is readable on Scarlet?
White text is more readable on Scarlet: white gives a contrast ratio of 3.82:1 and black gives 5.5:1. WCAG AA asks for at least 4.5:1 for body text.
About #ff2400
#ff2400 is a neon red color. In OKLCH it has 63.8% lightness, 0.248 chroma and a hue of 31°.
Looks the same on every screen.
White text on it reaches 3.82:1 contrast and black text 5.5:1, so white text reads better.
The closest named color is Scarlet (#ff2400). In Tailwind CSS the closest color is red-500.