#F73031

#F73031

Color Values

HEX

#F73031

RGB

247, 48, 49

HSL

359.7, 92.6%, 57.8%

HSV

359.7, 80.6%, 96.9%

CMYK

0.0%, 80.6%, 80.2%, 3.1%

OKLCH

0.6327 0.232 26.8

Properties

Warm Light Nearest: firebrick 2

Color Harmonies

Complementary

#F73031

#30F7F6

Analogous

#F73094

#F79230

#F73031

Triadic

#F73031

#31F730

#3031F7

Split Complementary

#F73031

#30F792

#3094F7

Tetradic

#F73031

#94F730

#30F7F6

#9230F7

Color Blindness Simulation

Original

#F73031

Protanopia

#A19F31

Deuteranopia

#ACBB31

Tritanopia

#ED3131

Achromatopsia

#5A5A5A

CSS Usage

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

Tailwind Shades

50
#FDF1F1
100
#FBDFDF
200
#FCBABB
300
#FA898A
400
#F8494A
500
#F6090B
600
#C40808
700
#9D0607
800
#7B0505
900
#590808
950
#380505

Contrast Checker

Text on white

3.87:1

AA Fail AAA Fail

Text on black

5.42:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026