#F73130

#F73130

Color Values

HEX

#F73130

RGB

247, 49, 48

HSL

0.3, 92.6%, 57.8%

HSV

0.3, 80.6%, 96.9%

CMYK

0.0%, 80.2%, 80.6%, 3.1%

OKLCH

0.6332 0.2315 27.2

Properties

Warm Light Nearest: firebrick 2

Color Harmonies

Complementary

#F73130

#30F6F7

Analogous

#F73092

#F79430

#F73130

Triadic

#F73130

#30F731

#3130F7

Split Complementary

#F73130

#30F794

#3092F7

Tetradic

#F73130

#92F730

#30F6F7

#9430F7

Color Blindness Simulation

Original

#F73130

Protanopia

#A1A030

Deuteranopia

#ADBC30

Tritanopia

#ED3030

Achromatopsia

#5B5B5B

CSS Usage

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

Tailwind Shades

50
#FDF1F1
100
#FBDFDF
200
#FCBBBA
300
#FA8A89
400
#F84A49
500
#F60B09
600
#C40808
700
#9D0706
800
#7B0505
900
#590808
950
#380505

Contrast Checker

Text on white

3.86:1

AA Fail AAA Fail

Text on black

5.44:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026