#F20D36

#F20D36

Color Values

HEX

#F20D36

RGB

242, 13, 54

HSL

349.3, 89.8%, 50.0%

HSV

349.3, 94.6%, 94.9%

CMYK

0.0%, 94.6%, 77.7%, 5.1%

OKLCH

0.6093 0.242 22.8

Properties

Warm Light Nearest: Torch Red

Color Harmonies

Complementary

#F20D36

#0DF2C9

Analogous

#F20DA8

#F2570D

#F20D36

Triadic

#F20D36

#36F20D

#0D36F2

Split Complementary

#F20D36

#0DF257

#0DA8F2

Tetradic

#F20D36

#A8F20D

#0DF2C9

#570DF2

Color Blindness Simulation

Original

#F20D36

Protanopia

#8F8D2C

Deuteranopia

#9CAD2A

Tritanopia

#E72423

Achromatopsia

#414141

CSS Usage

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

Tailwind Shades

50
#FDF2F4
100
#FBE0E4
200
#FBBBC7
300
#F98B9E
400
#F54C6A
500
#F20D36
600
#C20A2B
700
#9B0822
800
#79071B
900
#580917
950
#37060F

Contrast Checker

Text on white

4.3:1

AA Fail AAA Fail

Text on black

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