What is color #ff2400?
The color Scarlet (#ff2400) belongs to the red family and reads as fiery. It sits at 8° on the color wheel with 100% saturation.
Designers in finance and education often reach for this mid red when they want to communicate love.
#ff2400 reads differently depending on surrounding context — a property designers call simultaneous contrast. To deploy it effectively, contrast it with its complement for a striking focal point or contrast it sharply with #00dbff.
Conversions for #ff2400
HEX
#ff2400
RGB
255, 36, 0
HSL
8°, 100%, 50%
HSV
8°, 100%, 100%
CMYK
0%, 86%, 100%, 0%
XYZ
41.87, 22.52, 2.14
CIE-Lab
54.58, 76.24, 67.71
Web safe
#ff3300
WCAG accessibility of #ff2400 (Scarlet)
On white
3.82 : 1
Sample #ff2400
Rating: AA Large
On black
5.50 : 1
Sample #ff2400
Rating: AA
Tones of Scarlet (desaturated variations of #ff2400)
Color harmonies for #ff2400
Colors similar to #ff2400
Gradients featuring #ff2400
Linear to white
Linear to black
To complement
Radial
Tri-stop
Analogous
UI elements in #ff2400
Buttons
NewFeaturedBeta
Notification
Short description with accent.
"Color awakens a specific emotional response."
Typography in #ff2400
The quick brown fox
jumps over the lazy dog
1234567890 — & @ # ! ?
Body text rendered in #ff2400.
const color = "#ff2400";
CSS & Tailwind snippets for #ff2400
Background
.bg-ff2400 { background-color: #ff2400; }Text color
.text-ff2400 { color: #ff2400; }Border
.border-ff2400 { border: 1px solid #ff2400; }Box shadow
.shadow-ff2400 { box-shadow: 0 4px 14px #ff240040; }CSS variable
:root { --color-ff2400: #ff2400; }Tailwind config
colors: {
'scarlet': '#ff2400',
}