#F13337

#F13337

Color Values

HEX

#F13337

RGB

241, 51, 55

HSL

358.7, 87.2%, 57.3%

HSV

358.7, 78.8%, 94.5%

CMYK

0.0%, 78.8%, 77.2%, 5.5%

OKLCH

0.6248 0.2241 25.8

Properties

Warm Light Nearest: brown 2

Color Harmonies

Complementary

#F13337

#33F1ED

Analogous

#F13396

#F18E33

#F13337

Triadic

#F13337

#37F133

#3337F1

Split Complementary

#F13337

#33F18E

#3396F1

Tetradic

#F13337

#96F133

#33F1ED

#8E33F1

Color Blindness Simulation

Original

#F13337

Protanopia

#9F9D36

Deuteranopia

#AAB836

Tritanopia

#E83535

Achromatopsia

#5C5C5C

CSS Usage

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

Tailwind Shades

50
#FDF2F2
100
#FAE0E0
200
#FABCBE
300
#F78C8F
400
#F34E52
500
#EF1015
600
#BF0D11
700
#990A0E
800
#77080B
900
#560A0C
950
#370708

Contrast Checker

Text on white

3.99:1

AA Fail AAA Fail

Text on black

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