#FD5602

#FD5602

Color Values

HEX

#FD5602

RGB

253, 86, 2

HSL

20.1, 98.4%, 50.0%

HSV

20.1, 99.2%, 99.2%

CMYK

0.0%, 66.0%, 99.2%, 0.8%

OKLCH

0.6738 0.2147 39.1

Properties

Warm Light Nearest: orangered

Color Harmonies

Complementary

#FD5602

#02A9FD

Analogous

#FD022B

#FDD402

#FD5602

Triadic

#FD5602

#02FD56

#5602FD

Split Complementary

#FD5602

#02FDD4

#022BFD

Tetradic

#FD5602

#2BFD02

#02A9FD

#D402FD

Color Blindness Simulation

Original

#FD5602

Protanopia

#B5B316

Deuteranopia

#BECB1B

Tritanopia

#F5262A

Achromatopsia

#737373

CSS Usage

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

Tailwind Shades

50
#FEF5F1
100
#FCE8DE
200
#FED0B8
300
#FEAE86
400
#FD8244
500
#FD5602
600
#CA4502
700
#A23701
800
#7E2B01
900
#5B2206
950
#3A1604

Contrast Checker

Text on white

3.23:1

AA Fail AAA Fail

Text on black

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