Scarlet

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

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
Magenta
79%
#ED2100
Click to copy
Scarlet
100%
#EB9500
Click to copy
Orange
74%

Complementary

#ED2100
Click to copy
Scarlet
100%
#00CBEB
Click to copy
Cyan
15%

Split Complementary

#ED2100
Click to copy
Scarlet
100%
#00EB95
Click to copy
Cyan
22%
#0056EB
Click to copy
Blue
23%

Triadic

#ED2100
Click to copy
Scarlet
100%
#00EB1F
Click to copy
Green
29%
#1F00EB
Click to copy
Blue
29%

Tetradic

#ED2100
Click to copy
Scarlet
100%
#56EB00
Click to copy
Green
43%
#00CBEB
Click to copy
Cyan
15%
#9500EB
Click to copy
Purple
43%

Square

#ED2100
Click to copy
Scarlet
100%
#56EB00
Click to copy
Green
43%
#00CBEB
Click to copy
Cyan
15%
#9500EB
Click to copy
Purple
43%

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