#F23337

#F23337

Color Values

HEX

#F23337

RGB

242, 51, 55

HSL

358.7, 88.0%, 57.5%

HSV

358.7, 78.9%, 94.9%

CMYK

0.0%, 78.9%, 77.3%, 5.1%

OKLCH

0.6265 0.225 25.8

Properties

Warm Light Nearest: brown 1

Color Harmonies

Complementary

#F23337

#33F2EE

Analogous

#F23397

#F28E33

#F23337

Triadic

#F23337

#37F233

#3337F2

Split Complementary

#F23337

#33F28E

#3397F2

Tetradic

#F23337

#97F233

#33F2EE

#8E33F2

Color Blindness Simulation

Original

#F23337

Protanopia

#9F9E36

Deuteranopia

#AAB936

Tritanopia

#E83535

Achromatopsia

#5C5C5C

CSS Usage

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

Tailwind Shades

50
#FDF2F2
100
#FBE0E0
200
#FBBCBD
300
#F88C8E
400
#F44E51
500
#F00F14
600
#C00C10
700
#990A0D
800
#78080A
900
#570A0C
950
#370607

Contrast Checker

Text on white

3.96:1

AA Fail AAA Fail

Text on black

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