#F30C28

#F30C28

Color Values

HEX

#F30C28

RGB

243, 12, 40

HSL

352.7, 90.6%, 50.0%

HSV

352.7, 95.1%, 95.3%

CMYK

0.0%, 95.1%, 83.5%, 4.7%

OKLCH

0.6096 0.244 25.5

Properties

Warm Light Nearest: firebrick 1

Color Harmonies

Complementary

#F30C28

#0CF3D7

Analogous

#F30C9C

#F3630C

#F30C28

Triadic

#F30C28

#28F30C

#0C28F3

Split Complementary

#F30C28

#0CF363

#0C9CF3

Tetradic

#F30C28

#9CF30C

#0CF3D7

#630CF3

Color Blindness Simulation

Original

#F30C28

Protanopia

#8F8D21

Deuteranopia

#9CAE20

Tritanopia

#E71C1B

Achromatopsia

#3F3F3F

CSS Usage

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

Tailwind Shades

50
#FDF1F3
100
#FBDFE3
200
#FCBBC3
300
#F98A98
400
#F64B60
500
#F30C28
600
#C20A20
700
#9C081A
800
#7A0614
900
#580913
950
#38060C

Contrast Checker

Text on white

4.29:1

AA Fail AAA Fail

Text on black

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