Scarlet color: #ff2400
Scarlet is #ff2400, rgb(255, 36, 0) in RGB and oklch(63.789% 0.24841 31.019) in OKLCH. Every other format, shades, matching colors and palettes are below.
Read as HEX
- Ctrl Vpaste a color anywhere
- Spacerandom color
- Ccopy HEX
- Red
- Medium
- Vivid
- Neon
- Warm
- red-500
- Black 0%
Inside sRGB: displays the same on any screen.
Shades
From lightest to darkest. Click a shade to use it.
Harmonies
Recent
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°.
Inside sRGB: displays the same on any 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.