#F40024

#F40024

Color Values

HEX

#F40024

RGB

244, 0, 36

HSL

351.1, 100.0%, 47.8%

HSV

351.1, 100.0%, 95.7%

CMYK

0.0%, 100.0%, 85.2%, 4.3%

OKLCH

0.6089 0.2473 25.8

Properties

Warm Light Nearest: firebrick 1

Color Harmonies

Complementary

#F40024

#00F4D0

Analogous

#F4009E

#F45600

#F40024

Triadic

#F40024

#24F400

#0024F4

Split Complementary

#F40024

#00F456

#009EF4

Tetradic

#F40024

#9EF400

#00F4D0

#5600F4

Color Blindness Simulation

Original

#F40024

Protanopia

#8A881B

Deuteranopia

#98AB19

Tritanopia

#E81413

Achromatopsia

#363636

CSS Usage

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

Tailwind Shades

50
#FEF1F3
100
#FCDEE2
200
#FFB8C2
300
#FF8597
400
#FF425E
500
#FF0026
600
#CC001E
700
#A30018
800
#800013
900
#5C0512
950
#3A030B

Contrast Checker

Text on white

4.31:1

AA Fail AAA Fail

Text on black

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