Scarlet color: code #FF2400
Scarlet
#FF2400
Color codes
- HEX
#FF2400 - RGB
rgb(255, 36, 0) - HSL
hsl(8, 100%, 50%) - HSV
hsv(8, 100%, 100%) - CMYK
cmyk(0%, 86%, 100%, 0%) - LAB
lab(54.6% 76.2 67.7) - OKLCH
oklch(63.8% 0.248 31)
About the color Scarlet
Scarlet has the HEX code #FF2400, which corresponds to rgb(255, 36, 0) in the RGB model. On the color wheel its hue sits at 8°, with 100% saturation and 50% lightness (hsl(8, 100%, 50%)).
Because of its hue it reads as a warm color: it tends to feel energetic and close, and it visually “advances” in a composition.
As a background it calls for dark text: black reaches a 5.50:1 contrast ratio on it, versus 3.81:1 for white.
For print, the approximate conversion is cmyk(0%, 86%, 100%, 0%). Always confirm with your printer’s color profile, because the result depends on paper and ink.
Lighter tints
Darker shades
Color combinations with Scarlet
Complementary
#FF2400 · #00DDFF
Analogous
#FF005D · #FF2400 · #FFA200
Triadic
#FF2400 · #00FF22 · #2200FF
Tetradic
#FF2400 · #5EFF00 · #00DDFF · #A200FF
Split-complementary
#FF2400 · #00FFA2 · #005EFF
Monochromatic
#801100 · #CC1B00 · #FF2400 · #FF644D · #FFA799
Scarlet with white and black text
How to use it in CSS
:root {
--color-scarlet: #FF2400;
--color-scarlet-rgb: 255, 36, 0;
}
.elemento {
background-color: var(--color-scarlet);
color: #000000;
}