#F50A2C

#F50A2C

Color Values

HEX

#F50A2C

RGB

245, 10, 44

HSL

351.3, 92.2%, 50.0%

HSV

351.3, 95.9%, 96.1%

CMYK

0.0%, 95.9%, 82.0%, 3.9%

OKLCH

0.6132 0.2457 24.8

Properties

Warm Light Nearest: Torch Red

Color Harmonies

Complementary

#F50A2C

#0AF5D3

Analogous

#F50AA2

#F55D0A

#F50A2C

Triadic

#F50A2C

#2CF50A

#0A2CF5

Split Complementary

#F50A2C

#0AF55D

#0AA2F5

Tetradic

#F50A2C

#A2F50A

#0AF5D3

#5D0AF5

Color Blindness Simulation

Original

#F50A2C

Protanopia

#8F8D24

Deuteranopia

#9DAE22

Tritanopia

#E91D1C

Achromatopsia

#3E3E3E

CSS Usage

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

Tailwind Shades

50
#FDF1F3
100
#FBDFE3
200
#FCBAC4
300
#FA899A
400
#F84A63
500
#F50A2C
600
#C40823
700
#9D061C
800
#7B0516
900
#590814
950
#38050D

Contrast Checker

Text on white

4.23:1

AA Fail AAA Fail

Text on black

4.96: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