#F20D3B

#F20D3B

Color Values

HEX

#F20D3B

RGB

242, 13, 59

HSL

347.9, 89.8%, 50.0%

HSV

347.9, 94.6%, 94.9%

CMYK

0.0%, 94.6%, 75.6%, 5.1%

OKLCH

0.6099 0.2418 21.6

Properties

Warm Light Nearest: Scarlet

Color Harmonies

Complementary

#F20D3B

#0DF2C4

Analogous

#F20DAE

#F2510D

#F20D3B

Triadic

#F20D3B

#3BF20D

#0D3BF2

Split Complementary

#F20D3B

#0DF251

#0DAEF2

Tetradic

#F20D3B

#AEF20D

#0DF2C4

#510DF2

Color Blindness Simulation

Original

#F20D3B

Protanopia

#8F8D30

Deuteranopia

#9CAD2D

Tritanopia

#E72725

Achromatopsia

#414141

CSS Usage

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

Tailwind Shades

50
#FDF2F4
100
#FBE0E5
200
#FBBBC8
300
#F98BA1
400
#F54C6E
500
#F20D3B
600
#C20A2F
700
#9B0826
800
#79071E
900
#580919
950
#370610

Contrast Checker

Text on white

4.29:1

AA Fail AAA Fail

Text on black

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