#F03C0F

#F03C0F

Color Values

HEX

#F03C0F

RGB

240, 60, 15

HSL

12.0, 88.2%, 50.0%

HSV

12.0, 93.8%, 94.1%

CMYK

0.0%, 75.0%, 93.8%, 5.9%

OKLCH

0.6272 0.2212 33.6

Properties

Warm Light Nearest: RAL 2004 Pure Orange

Color Harmonies

Complementary

#F03C0F

#0FC3F0

Analogous

#F00F53

#F0AC0F

#F03C0F

Triadic

#F03C0F

#0FF03C

#3C0FF0

Split Complementary

#F03C0F

#0FF0AC

#0F53F0

Tetradic

#F03C0F

#53F00F

#0FC3F0

#AC0FF0

Color Blindness Simulation

Original

#F03C0F

Protanopia

#A2A01A

Deuteranopia

#ACBA1C

Tritanopia

#E72224

Achromatopsia

#5F5F5F

CSS Usage

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

Tailwind Shades

50
#FDF4F2
100
#FBE5E0
200
#FBC8BC
300
#F8A18C
400
#F46F4D
500
#F03C0F
600
#C0300C
700
#9A260A
800
#781E08
900
#57190A
950
#371006

Contrast Checker

Text on white

3.92:1

AA Fail AAA Fail

Text on black

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