#FF2400
Scarlet
Scarlet is a bright red-orange that is slightly more orange than pure red. It is bold, energetic, and commands attention.
Scarlet Color Values
HEX#FF2400
RGB255, 36, 0
HSL8°, 100%, 50%
HSV8°, 100%, 100%
CMYK0%, 86%, 100%, 0%
Color Blindness Simulation
Protanopia
Red-blind. Cannot perceive red light.
Sees: #736500 (~1.3% of males)
Deuteranopia
Green-blind. Cannot perceive green light.
Sees: #A79300 (~1.2% of males)
Tritanopia
Blue-blind. Cannot perceive blue light.
Sees: #FF0022 (~0.01% of population)
Achromatopsia
Total color blindness. Sees only grayscale.
Sees: #979797 (~0.003% of population)
Scarlet as Text Color
Scarlet on White
3.8:1FAIL
Scarlet on Light Gray
3.5:1FAIL
Scarlet on Cream
3.6:1FAIL
Scarlet on Dark
4.5:1FAIL
Scarlet on Black
5.5:1AA
Scarlet on Soft Blue
3.3:1FAIL
Scarlet on Soft Green
3.4:1FAIL
Scarlet on Soft Pink
3.2:1FAIL
Nearest Tailwind Class
red-600
#DC2626
Nearest Pantone Match
Pantone Bright Red C
#F93822
CSS Variable Export
:root {
--color-scarlet: #FF2400;
--color-scarlet-rgb: 255, 36, 0;
}Tailwind Config
// tailwind.config.js
colors: {
'scarlet': '#FF2400',
}Shades of Scarlet
#FF2200
#E01E00
#C71B00
#A81600
#8F1300
#700F00
#570C00
#380700
#1F0400
#000000
Tints of Scarlet
#FF2200
#FF3D1F
#FF5338
#FF6D57
#FF8370
#FF9E8F
#FFB4A8
#FFCEC7
#FFE4E0
#FFFFFF
Color Harmonies
Complementary
#FF2400
#00DDFF
Analogous
#FF005D
#FF2200
#FFA200
Triadic
#FF2200
#00FF22
#2200FF
Scarlet Text Preview
Heading in Scarlet
Body text in Scarlet. The quick brown fox jumps over the lazy dog.
White on Scarlet
Body text on a Scarlet background.
Scarlet text on dark background
Contrast: 4.6:1