#F20C0B

#F20C0B

Color Values

HEX

#F20C0B

RGB

242, 12, 11

HSL

0.3, 91.3%, 49.6%

HSV

0.3, 95.5%, 94.9%

CMYK

0.0%, 95.0%, 95.5%, 5.1%

OKLCH

0.6061 0.2451 29.0

Properties

Warm Light Nearest: red 2

Color Harmonies

Complementary

#F20C0B

#0BF1F2

Analogous

#F20B7D

#F2800B

#F20C0B

Triadic

#F20C0B

#0BF20C

#0C0BF2

Split Complementary

#F20C0B

#0BF280

#0B7DF2

Tetradic

#F20C0B

#7DF20B

#0BF1F2

#800BF2

Color Blindness Simulation

Original

#F20C0B

Protanopia

#8E8C0B

Deuteranopia

#9CAD0B

Tritanopia

#E60B0B

Achromatopsia

#3D3D3D

CSS Usage

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

Tailwind Shades

50
#FDF1F1
100
#FBDFDF
200
#FCBBBB
300
#FA8A8A
400
#F74B4B
500
#F40C0B
600
#C30A09
700
#9C0807
800
#7A0606
900
#580909
950
#380605

Contrast Checker

Text on white

4.35:1

AA Fail AAA Fail

Text on black

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