#F73332

#F73332

Color Values

HEX

#F73332

RGB

247, 51, 50

HSL

0.3, 92.5%, 58.2%

HSV

0.3, 79.8%, 96.9%

CMYK

0.0%, 79.4%, 79.8%, 3.1%

OKLCH

0.6348 0.23 27.0

Properties

Warm Light Nearest: firebrick 2

Color Harmonies

Complementary

#F73332

#32F6F7

Analogous

#F73293

#F79532

#F73332

Triadic

#F73332

#32F733

#3332F7

Split Complementary

#F73332

#32F795

#3293F7

Tetradic

#F73332

#93F732

#32F6F7

#9532F7

Color Blindness Simulation

Original

#F73332

Protanopia

#A2A032

Deuteranopia

#AEBC32

Tritanopia

#ED3232

Achromatopsia

#5D5D5D

CSS Usage

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

Tailwind Shades

50
#FDF1F1
100
#FBDFDF
200
#FCBBBA
300
#FA8A89
400
#F84A49
500
#F50B0A
600
#C40908
700
#9D0706
800
#7B0505
900
#590908
950
#380505

Contrast Checker

Text on white

3.84:1

AA Fail AAA Fail

Text on black

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