#FC4F03

#FC4F03

Color Values

HEX

#FC4F03

RGB

252, 79, 3

HSL

18.3, 97.6%, 50.0%

HSV

18.3, 98.8%, 98.8%

CMYK

0.0%, 68.7%, 98.8%, 1.2%

OKLCH

0.6648 0.2191 37.5

Properties

Warm Light Nearest: orangered

Color Harmonies

Complementary

#FC4F03

#03B0FC

Analogous

#FC0334

#FCCB03

#FC4F03

Triadic

#FC4F03

#03FC4F

#4F03FC

Split Complementary

#FC4F03

#03FCCB

#0334FC

Tetradic

#FC4F03

#34FC03

#03B0FC

#CB03FC

Color Blindness Simulation

Original

#FC4F03

Protanopia

#B1B015

Deuteranopia

#BBC81A

Tritanopia

#F32427

Achromatopsia

#6E6E6E

CSS Usage

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

Tailwind Shades

50
#FEF5F1
100
#FCE7DE
200
#FECEB8
300
#FEAB86
400
#FD7D45
500
#FC4F03
600
#CA3F02
700
#A13302
800
#7E2702
900
#5B2006
950
#391404

Contrast Checker

Text on white

3.36:1

AA Fail AAA Fail

Text on black

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