#F03338

#F03338

Color Values

HEX

#F03338

RGB

240, 51, 56

HSL

358.4, 86.3%, 57.1%

HSV

358.4, 78.8%, 94.1%

CMYK

0.0%, 78.8%, 76.7%, 5.9%

OKLCH

0.6231 0.2231 25.5

Properties

Warm Light Nearest: brown 2

Color Harmonies

Complementary

#F03338

#33F0EB

Analogous

#F03397

#F08D33

#F03338

Triadic

#F03338

#38F033

#3338F0

Split Complementary

#F03338

#33F08D

#3397F0

Tetradic

#F03338

#97F033

#33F0EB

#8D33F0

Color Blindness Simulation

Original

#F03338

Protanopia

#9E9D37

Deuteranopia

#A9B736

Tritanopia

#E73636

Achromatopsia

#5C5C5C

CSS Usage

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

Tailwind Shades

50
#FDF2F2
100
#FAE0E1
200
#FABCBE
300
#F78D90
400
#F24F54
500
#EE1117
600
#BE0E13
700
#980B0F
800
#77090C
900
#560B0D
950
#360708

Contrast Checker

Text on white

4.01:1

AA Fail AAA Fail

Text on black

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