#F2420D

#F2420D

Color Values

HEX

#F2420D

RGB

242, 66, 13

HSL

13.9, 89.8%, 50.0%

HSV

13.9, 94.6%, 94.9%

CMYK

0.0%, 72.7%, 94.6%, 5.1%

OKLCH

0.6358 0.2189 34.8

Properties

Warm Light Nearest: RAL 2004 Pure Orange

Color Harmonies

Complementary

#F2420D

#0DBDF2

Analogous

#F20D4A

#F2B50D

#F2420D

Triadic

#F2420D

#0DF242

#420DF2

Split Complementary

#F2420D

#0DF2B5

#0D4AF2

Tetradic

#F2420D

#4AF20D

#0DBDF2

#B50DF2

Color Blindness Simulation

Original

#F2420D

Protanopia

#A6A41A

Deuteranopia

#B0BD1D

Tritanopia

#E92426

Achromatopsia

#646464

CSS Usage

background-color: #F2420D;
color: #F2420D;
border-color: #F2420D;
Nearest Tailwind: Orange 600 #EA580C

Tailwind Shades

50
#FDF4F2
100
#FBE6E0
200
#FBCABB
300
#F9A48B
400
#F5734C
500
#F2420D
600
#C2350A
700
#9B2A08
800
#792107
900
#581B09
950
#371106

Contrast Checker

Text on white

3.78:1

AA Fail AAA Fail

Text on black

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