#FC7C03

#FC7C03

Color Values

HEX

#FC7C03

RGB

252, 124, 3

HSL

29.2, 97.6%, 50.0%

HSV

29.2, 98.8%, 98.8%

CMYK

0.0%, 50.8%, 98.8%, 1.2%

OKLCH

0.7218 0.1854 51.8

Properties

Warm Light Nearest: darkorange 1

Color Harmonies

Complementary

#FC7C03

#0383FC

Analogous

#FC0306

#FCF903

#FC7C03

Triadic

#FC7C03

#03FC7C

#7C03FC

Split Complementary

#FC7C03

#03FCF9

#0306FC

Tetradic

#FC7C03

#06FC03

#0383FC

#F903FC

Color Blindness Simulation

Original

#FC7C03

Protanopia

#C5C320

Deuteranopia

#CCD627

Tritanopia

#F6373C

Achromatopsia

#8E8E8E

CSS Usage

background-color: #FC7C03;
color: #FC7C03;
border-color: #FC7C03;
Nearest Tailwind: Orange 500 #F97316

Tailwind Shades

50
#FEF7F1
100
#FCEDDE
200
#FEDAB8
300
#FEC086
400
#FD9E45
500
#FC7C03
600
#CA6302
700
#A14F02
800
#7E3E02
900
#5B2F06
950
#391E04

Contrast Checker

Text on white

2.62:1

AA Fail AAA Fail

Text on black

8.02:1

AA Pass AAA Pass

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