#F73032

#F73032

Color Values

HEX

#F73032

RGB

247, 48, 50

HSL

359.4, 92.6%, 57.8%

HSV

359.4, 80.6%, 96.9%

CMYK

0.0%, 80.6%, 79.8%, 3.1%

OKLCH

0.6328 0.2319 26.6

Properties

Warm Light Nearest: firebrick 2

Color Harmonies

Complementary

#F73032

#30F7F5

Analogous

#F73095

#F79130

#F73032

Triadic

#F73032

#32F730

#3032F7

Split Complementary

#F73032

#30F791

#3095F7

Tetradic

#F73032

#95F730

#30F7F5

#9130F7

Color Blindness Simulation

Original

#F73032

Protanopia

#A19F32

Deuteranopia

#ACBB31

Tritanopia

#ED3131

Achromatopsia

#5A5A5A

CSS Usage

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

Tailwind Shades

50
#FDF1F1
100
#FBDFDF
200
#FCBABB
300
#FA898A
400
#F8494B
500
#F6090C
600
#C40809
700
#9D0608
800
#7B0506
900
#590809
950
#380506

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