#F20D28

#F20D28

Color Values

HEX

#F20D28

RGB

242, 13, 40

HSL

352.9, 89.8%, 50.0%

HSV

352.9, 94.6%, 94.9%

CMYK

0.0%, 94.6%, 83.5%, 5.1%

OKLCH

0.6079 0.243 25.6

Properties

Warm Light Nearest: firebrick 1

Color Harmonies

Complementary

#F20D28

#0DF2D7

Analogous

#F20D9B

#F2640D

#F20D28

Triadic

#F20D28

#28F20D

#0D28F2

Split Complementary

#F20D28

#0DF264

#0D9BF2

Tetradic

#F20D28

#9BF20D

#0DF2D7

#640DF2

Color Blindness Simulation

Original

#F20D28

Protanopia

#8F8D21

Deuteranopia

#9CAD20

Tritanopia

#E71C1B

Achromatopsia

#404040

CSS Usage

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

Tailwind Shades

50
#FDF2F3
100
#FBE0E3
200
#FBBBC3
300
#F98B98
400
#F54C60
500
#F20D28
600
#C20A20
700
#9B081A
800
#790714
900
#580913
950
#37060C

Contrast Checker

Text on white

4.32:1

AA Fail AAA Fail

Text on black

4.86:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026