#F03337

#F03337

Color Values

HEX

#F03337

RGB

240, 51, 55

HSL

358.7, 86.3%, 57.1%

HSV

358.7, 78.8%, 94.1%

CMYK

0.0%, 78.8%, 77.1%, 5.9%

OKLCH

0.623 0.2232 25.8

Properties

Warm Light Nearest: brown 2

Color Harmonies

Complementary

#F03337

#33F0EC

Analogous

#F03396

#F08E33

#F03337

Triadic

#F03337

#37F033

#3337F0

Split Complementary

#F03337

#33F08E

#3396F0

Tetradic

#F03337

#96F033

#33F0EC

#8E33F0

Color Blindness Simulation

Original

#F03337

Protanopia

#9E9D36

Deuteranopia

#A9B736

Tritanopia

#E73535

Achromatopsia

#5B5B5B

CSS Usage

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

Tailwind Shades

50
#FDF2F2
100
#FAE0E1
200
#FABCBE
300
#F78D8F
400
#F24F53
500
#EE1116
600
#BE0E12
700
#980B0E
800
#77090B
900
#560B0C
950
#360708

Contrast Checker

Text on white

4.01:1

AA Fail AAA Fail

Text on black

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