Scarlet hex code
The hex code for scarlet is #FF2400. In RGB that is rgb(255, 36, 0) and in HSL it is hsl(8, 100%, 50%).
The hex code for scarlet is #FF2400. In RGB that is rgb(255, 36, 0) and in HSL it is hsl(8, 100%, 50%).
Scarlet · #FF2400
Colour codes
- HEX
- #FF2400
- RGB
- rgb(255, 36, 0)
- HSL
- hsl(8, 100%, 50%)
- CMYK
- 0, 86, 100, 0
- Contrast on white
- 3.82:1
- Contrast on black
- 5.50:1
Tints and shades
20% lighter · #ff5033
40% lighter · #ff7c66
60% lighter · #ffa799
80% lighter · #ffd3cc
20% darker · #cc1d00
40% darker · #991600
60% darker · #660e00
80% darker · #330700
Complementary colour
Scarlet · #FF2400
Opposite on the colour wheel · #00ddff
Frequently asked questions
What is the hex code for scarlet?
The hex code for scarlet is #FF2400. In RGB that is rgb(255, 36, 0) and in HSL it is hsl(8, 100%, 50%).
Can I use scarlet for text?
It has a contrast ratio of 3.82:1 on white and 5.50:1 on black. Body text needs 4.5:1 under WCAG AA, so it works as text on a dark background, not on white.
What colour goes with scarlet?
Its complementary colour, opposite on the colour wheel, is #00DDFF. Pairing a colour with its complement gives the strongest contrast; for something calmer, use a tint or shade of scarlet instead.
Is scarlet a CSS colour name?
No. Scarlet is a common name rather than a CSS keyword, and different sources use slightly different values. #FF2400 is the most widely used one - use the hex value in CSS.