Scarlet #FF2400

#FF2400Scarlet
HEX#FF2400
RGBrgb(255, 36, 0)
HSLhsl(8, 100%, 50%)
HSVhsv(8, 100%, 100%)
OKLCHoklch(63.8% 0.248 31)
OKLABoklab(63.8% 0.213 0.128)
CMYKcmyk(0%, 86%, 100%, 0%)

Scarlet (#FF2400) is a medium, highly saturated red hue. Scarlet tilts toward orange and was historically one of the most expensive dyes, worn by cardinals and military officers.

In RGB it is made of 255 red, 36 green and 0 blue. Its HSL hue angle is 8° with 100% saturation and 50% lightness, while its perceptual OKLCH lightness is 64% with a chroma of 0.248. For print, a starting CMYK mix is 0% cyan, 86% magenta, 100% yellow and 0% black.

As a text color on white, Scarlet has a contrast ratio of 3.82:1, which passes AA only for large text and UI parts. On black it reaches 5.5:1 and passes AA for normal text. If you use Scarlet as a background, put black (or very dark) text on it. The APCA lightness contrast is Lc 41 for black text and Lc -69 for white text.

Its perceptual complement is #009DB1, close to dental teal. Colors that look most similar are red, crimson, raspberry. People with red-green color blindness see scarlet quite differently (ΔE 24), so do not rely on it alone to signal meaning.

Contrast

Text on white · 3.82:1 Large only
Text on black · 5.50:1 AA ✓
White on Scarlet · APCA Lc -69
Black on Scarlet · APCA Lc 41

Shades and tints of scarlet

Color harmonies

ComplementaryAnalogousSplit complementaryTriadicTetradicMonochromatic

How scarlet looks with color blindness

Protanopia: #736400Deuteranopia: #A69300Tritanopia: #FF0023Achromatopsia: #838383

Similar colors

Red#FF0000Crimson#DC143CRaspberry#E30B5CCherry Red#D2042DBurnt Orange#CC5500Ruby#E0115FTerracotta#E2725BRose#FF007F

FAQ

What is the hex code for scarlet?

The hex code for scarlet is #FF2400, which is rgb(255, 36, 0) in RGB.

What text color goes on scarlet?

Black text. Its contrast with scarlet is 5.50:1.

What color is the complement of scarlet?

The perceptual (OKLCH) complement of #FF2400 is #009DB1.

← All named colors