#F50A2D

#F50A2D

Color Values

HEX

#F50A2D

RGB

245, 10, 45

HSL

351.1, 92.2%, 50.0%

HSV

351.1, 95.9%, 96.1%

CMYK

0.0%, 95.9%, 81.6%, 3.9%

OKLCH

0.6133 0.2456 24.6

Properties

Warm Light Nearest: Torch Red

Color Harmonies

Complementary

#F50A2D

#0AF5D2

Analogous

#F50AA2

#F55D0A

#F50A2D

Triadic

#F50A2D

#2DF50A

#0A2DF5

Split Complementary

#F50A2D

#0AF55D

#0AA2F5

Tetradic

#F50A2D

#A2F50A

#0AF5D2

#5D0AF5

Color Blindness Simulation

Original

#F50A2D

Protanopia

#8F8D25

Deuteranopia

#9DAE22

Tritanopia

#E91E1C

Achromatopsia

#3E3E3E

CSS Usage

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

Tailwind Shades

50
#FDF1F3
100
#FBDFE3
200
#FCBAC4
300
#FA899A
400
#F84A63
500
#F50A2D
600
#C40824
700
#9D061D
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