#F30C20

#F30C20

Color Values

HEX

#F30C20

RGB

243, 12, 32

HSL

354.8, 90.6%, 50.0%

HSV

354.8, 95.1%, 95.3%

CMYK

0.0%, 95.1%, 86.8%, 4.7%

OKLCH

0.609 0.2446 26.8

Properties

Warm Light Nearest: firebrick 1

Color Harmonies

Complementary

#F30C20

#0CF3DF

Analogous

#F30C94

#F36B0C

#F30C20

Triadic

#F30C20

#20F30C

#0C20F3

Split Complementary

#F30C20

#0CF36B

#0C94F3

Tetradic

#F30C20

#94F30C

#0CF3DF

#6B0CF3

Color Blindness Simulation

Original

#F30C20

Protanopia

#8F8D1B

Deuteranopia

#9CAE1A

Tritanopia

#E71716

Achromatopsia

#3F3F3F

CSS Usage

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

Tailwind Shades

50
#FDF1F2
100
#FBDFE2
200
#FCBBC1
300
#F98A94
400
#F64B5A
500
#F30C20
600
#C20A1A
700
#9C0814
800
#7A0610
900
#580910
950
#38060A

Contrast Checker

Text on white

4.3:1

AA Fail AAA Fail

Text on black

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