#F20D26

#F20D26

Color Values

HEX

#F20D26

RGB

242, 13, 38

HSL

353.4, 89.8%, 50.0%

HSV

353.4, 94.6%, 94.9%

CMYK

0.0%, 94.6%, 84.3%, 5.1%

OKLCH

0.6077 0.2432 25.9

Properties

Warm Light Nearest: firebrick 1

Color Harmonies

Complementary

#F20D26

#0DF2D9

Analogous

#F20D99

#F2660D

#F20D26

Triadic

#F20D26

#26F20D

#0D26F2

Split Complementary

#F20D26

#0DF266

#0D99F2

Tetradic

#F20D26

#99F20D

#0DF2D9

#660DF2

Color Blindness Simulation

Original

#F20D26

Protanopia

#8F8D20

Deuteranopia

#9CAD1E

Tritanopia

#E71B1A

Achromatopsia

#3F3F3F

CSS Usage

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

Tailwind Shades

50
#FDF2F3
100
#FBE0E3
200
#FBBBC2
300
#F98B97
400
#F54C5F
500
#F20D26
600
#C20A1F
700
#9B0818
800
#790713
900
#580912
950
#37060B

Contrast Checker

Text on white

4.32:1

AA Fail AAA Fail

Text on black

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