#FD4A02

#FD4A02

Color Values

HEX

#FD4A02

RGB

253, 74, 2

HSL

17.2, 98.4%, 50.0%

HSV

17.2, 99.2%, 99.2%

CMYK

0.0%, 70.8%, 99.2%, 0.8%

OKLCH

0.6615 0.2238 36.4

Properties

Warm Light Nearest: orangered

Color Harmonies

Complementary

#FD4A02

#02B5FD

Analogous

#FD0238

#FDC702

#FD4A02

Triadic

#FD4A02

#02FD4A

#4A02FD

Split Complementary

#FD4A02

#02FDC7

#0238FD

Tetradic

#FD4A02

#38FD02

#02B5FD

#C702FD

Color Blindness Simulation

Original

#FD4A02

Protanopia

#AFAE13

Deuteranopia

#BAC718

Tritanopia

#F42124

Achromatopsia

#6B6B6B

CSS Usage

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

Tailwind Shades

50
#FEF5F1
100
#FCE7DE
200
#FECCB8
300
#FEA886
400
#FD7944
500
#FD4A02
600
#CA3B02
700
#A22F01
800
#7E2501
900
#5B1E06
950
#3A1304

Contrast Checker

Text on white

3.41:1

AA Fail AAA Fail

Text on black

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