#F00F30

#F00F30

Color Values

HEX

#F00F30

RGB

240, 15, 48

HSL

351.2, 88.2%, 50.0%

HSV

351.2, 93.8%, 94.1%

CMYK

0.0%, 93.8%, 80.0%, 5.9%

OKLCH

0.6054 0.2404 24.0

Properties

Warm Light Nearest: Torch Red

Color Harmonies

Complementary

#F00F30

#0FF0CF

Analogous

#F00FA0

#F05F0F

#F00F30

Triadic

#F00F30

#30F00F

#0F30F0

Split Complementary

#F00F30

#0FF05F

#0FA0F0

Tetradic

#F00F30

#A0F00F

#0FF0CF

#5F0FF0

Color Blindness Simulation

Original

#F00F30

Protanopia

#8F8D28

Deuteranopia

#9CAC26

Tritanopia

#E52220

Achromatopsia

#414141

CSS Usage

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

Tailwind Shades

50
#FDF2F3
100
#FBE0E4
200
#FBBCC5
300
#F88C9C
400
#F44D66
500
#F00F30
600
#C00C26
700
#9A0A1F
800
#780818
900
#570A15
950
#37060D

Contrast Checker

Text on white

4.36:1

AA Fail AAA Fail

Text on black

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