#F50A23

#F50A23

Color Values

HEX

#F50A23

RGB

245, 10, 35

HSL

353.6, 92.2%, 50.0%

HSV

353.6, 95.9%, 96.1%

CMYK

0.0%, 95.9%, 85.7%, 3.9%

OKLCH

0.6125 0.2464 26.3

Properties

Warm Light Nearest: firebrick 1

Color Harmonies

Complementary

#F50A23

#0AF5DC

Analogous

#F50A99

#F5660A

#F50A23

Triadic

#F50A23

#23F50A

#0A23F5

Split Complementary

#F50A23

#0AF566

#0A99F5

Tetradic

#F50A23

#99F50A

#0AF5DC

#660AF5

Color Blindness Simulation

Original

#F50A23

Protanopia

#8F8D1D

Deuteranopia

#9DAE1C

Tritanopia

#E91817

Achromatopsia

#3E3E3E

CSS Usage

background-color: #F50A23;
color: #F50A23;
border-color: #F50A23;
Nearest Tailwind: Red 600 #DC2626

Tailwind Shades

50
#FDF1F3
100
#FBDFE2
200
#FCBAC1
300
#FA8995
400
#F84A5C
500
#F50A23
600
#C4081C
700
#9D0616
800
#7B0512
900
#590811
950
#38050B

Contrast Checker

Text on white

4.24:1

AA Fail AAA Fail

Text on black

4.95:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026