Scarlet#FF2400
Scarlet Hex Code: #FF2400
Scarlet is a medium, vivid red. Its OKLCH lightness is 64% and chroma 0.248. Text on this color reads best in black (contrast 5.50:1).
| HEX | #FF2400 |
|---|---|
| RGB | rgb(255, 36, 0) |
| HSL | hsl(8, 100%, 50%) |
| HSV / HSB | hsv(8, 100%, 100%) |
| CMYK | cmyk(0%, 86%, 100%, 0%) |
| OKLCH | oklch(63.8% 0.248 31) |
Contrast
White text3.82:1
AAAA largeAAA
Black text5.50:1
AAAA largeAAA
On white3.82:1
AAAA largeAAA
On black5.50:1
AAAA largeAAA
Tints
#FF3817Orange Red#FF4B2EOrange Red#FF5F45Tomato#FF735C#FF8773Salmon#FF9A8A#FFAEA1#FFC2B8Baby Pink#FFD5CF#FFE9E5Misty RoseShades
Matching colors
Complementary
Analogous
Split complementary
Similar named colors
Code
| CSS | color: #FF2400; |
|---|---|
| Tailwind | bg-[#ff2400] |
| SwiftUI | Color(red: 1, green: 0.141, blue: 0) |
| Android | Color.parseColor("#FF2400") |
| Flutter | Color(0xFFFF2400) |
Value from Wikipedia, List of colors (scarlet). Names like Scarlet are not standardized, so other sources may list a slightly different hex.
Frequently asked questions
What is the hex code for scarlet?
Scarlet is #FF2400 in hex and rgb(255, 36, 0) in RGB.
What is scarlet in CMYK?
With the plain conversion formula it is cmyk(0, 86, 100, 0). For print, convert with your printer's ICC profile instead.
What text color works on scarlet?
Black text has the higher contrast at 5.50:1, which passes WCAG AA for normal text (4.5:1).