#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

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026