Scarlet

#ED2100

What color is Scarlet?

Scarlet is a vivid, warm red with a strong orange undertone, hex #ED2100, close to the color of a ripe tomato. It is brighter and more fiery than a classic blood red, with no trace of blue or purple.

What is the meaning of the color Scarlet?

Persian and Arab traders in the medieval period sold a luxury wool cloth known as siqillat, which gave European languages the word scarlet — originally a fabric name before it became a color name. By the 13th century, scarlet cloth dyed in brilliant red was among the most expensive goods traded across Europe. English royal and judicial robes were made in scarlet wool for centuries, a practice documented in sumptuary laws from the reign of Edward III in 1337. The University of Oxford adopted scarlet as its official color for academic dress, a use that continues in its published gown regulations.

RGB
237, 33, 0
HSL
8°, 100%, 46%
CMYK
0, 86, 100, 7
HSV
8°, 100%, 93%
Scarlet color

What colors go with Scarlet?

Colors that pair well with Scarlet include:
Navy Blue: sharp, formal contrast
Ivory: soft, warm balance
Charcoal: strong, grounding depth
Gold: rich, celebratory warmth
Forest Green: bold, natural contrast

Similar Colors

Conversions & Codes

Format Value CSS
HEX #ED2100 color: #ED2100;
RGB 237, 33, 0 color: rgb(237, 33, 0);
RGB Percentage 93%, 13%, 0% color: rgb(93%, 13%, 0%);
CMYK 0%, 86%, 100%, 7% Not supported in CSS
HSL 8°, 100%, 46% color: hsl(8, 100%, 46%);
HSV 8°, 100%, 93% Not supported in CSS
CIE-LAB 37, 41, 11 color: lab(37% 41 11);
Decimal 15540480 Not supported in CSS

Color Variations

Shades

#EB1F00
#D31C00
#BC1900
#A41600
#8D1300
#751000
#5E0D00
#460900

Tints

#FFB7AC
#FFA091
#FF8875
#FF705A
#FF583E
#FF4023
#FF2807
#EB1F00

Tones

#EB1F00
#DF280C
#D33017
#C73923
#BC422F
#B04A3B
#A45346
#985B52

Hues

#EB1F00
#EBCF00
#56EB00
#00EB5A
#00CBEB
#001BEB
#9500EB
#EB0091

Color Harmonies

Analogous

#EB0056
Click to copy
#ED2100
Click to copy
#EB9500
Click to copy

Complementary

#ED2100
Click to copy
#00CBEB
Click to copy

Split Complementary

#ED2100
Click to copy
#00EB95
Click to copy
#0056EB
Click to copy

Triadic

#ED2100
Click to copy
#00EB1F
Click to copy
94%
#1F00EB
Click to copy
96%

Tetradic

#ED2100
Click to copy
#56EB00
Click to copy
#00CBEB
Click to copy
#9500EB
Click to copy

Square

#ED2100
Click to copy
#56EB00
Click to copy
#00CBEB
Click to copy
#9500EB
Click to copy

CSS & Dev Snippets

CSS
.scarlet {
  color: #ED2100;
}
SCSS
$scarlet: #ED2100;
RGB
rgb(237, 33, 0)

Accessibility & Contrast

White background

4.36:1
4.36
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element

Black background

4.82:1
4.82
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element

Popular Tags