#FD5002

#FD5002

Color Values

HEX

#FD5002

RGB

253, 80, 2

HSL

18.6, 98.4%, 50.0%

HSV

18.6, 99.2%, 99.2%

CMYK

0.0%, 68.4%, 99.2%, 0.8%

OKLCH

0.6674 0.2193 37.7

Properties

Warm Light Nearest: orangered

Color Harmonies

Complementary

#FD5002

#02AFFD

Analogous

#FD0232

#FDCD02

#FD5002

Triadic

#FD5002

#02FD50

#5002FD

Split Complementary

#FD5002

#02FDCD

#0232FD

Tetradic

#FD5002

#32FD02

#02AFFD

#CD02FD

Color Blindness Simulation

Original

#FD5002

Protanopia

#B2B115

Deuteranopia

#BCC919

Tritanopia

#F42427

Achromatopsia

#6F6F6F

CSS Usage

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

Tailwind Shades

50
#FEF5F1
100
#FCE7DE
200
#FECEB8
300
#FEAB86
400
#FD7D44
500
#FD5002
600
#CA4002
700
#A23301
800
#7E2801
900
#5B2006
950
#3A1404

Contrast Checker

Text on white

3.32:1

AA Fail AAA Fail

Text on black

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