#F30C31

#F30C31

Color Values

HEX

#F30C31

RGB

243, 12, 49

HSL

350.4, 90.6%, 50.0%

HSV

350.4, 95.1%, 95.3%

CMYK

0.0%, 95.1%, 79.8%, 4.7%

OKLCH

0.6104 0.2434 23.8

Properties

Warm Light Nearest: Torch Red

Color Harmonies

Complementary

#F30C31

#0CF3CE

Analogous

#F30CA4

#F35B0C

#F30C31

Triadic

#F30C31

#31F30C

#0C31F3

Split Complementary

#F30C31

#0CF35B

#0CA4F3

Tetradic

#F30C31

#A4F30C

#0CF3CE

#5B0CF3

Color Blindness Simulation

Original

#F30C31

Protanopia

#8F8D28

Deuteranopia

#9CAE26

Tritanopia

#E7211F

Achromatopsia

#404040

CSS Usage

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

Tailwind Shades

50
#FDF1F3
100
#FBDFE4
200
#FCBBC5
300
#F98A9C
400
#F64B67
500
#F30C31
600
#C20A27
700
#9C081F
800
#7A0618
900
#580916
950
#38060E

Contrast Checker

Text on white

4.28:1

AA Fail AAA Fail

Text on black

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