#FD3D02

#FD3D02

Color Values

HEX

#FD3D02

RGB

253, 61, 2

HSL

14.1, 98.4%, 50.0%

HSV

14.1, 99.2%, 99.2%

CMYK

0.0%, 75.9%, 99.2%, 0.8%

OKLCH

0.6501 0.2329 34.0

Properties

Warm Light Nearest: orangered

Color Harmonies

Complementary

#FD3D02

#02C2FD

Analogous

#FD0245

#FDBA02

#FD3D02

Triadic

#FD3D02

#02FD3D

#3D02FD

Split Complementary

#FD3D02

#02FDBA

#0245FD

Tetradic

#FD3D02

#45FD02

#02C2FD

#BA02FD

Color Blindness Simulation

Original

#FD3D02

Protanopia

#AAA810

Deuteranopia

#B5C314

Tritanopia

#F31C1E

Achromatopsia

#626262

CSS Usage

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

Tailwind Shades

50
#FEF4F1
100
#FCE5DE
200
#FEC9B8
300
#FEA286
400
#FD6F44
500
#FD3D02
600
#CA3102
700
#A22701
800
#7E1F01
900
#5B1A06
950
#3A1004

Contrast Checker

Text on white

3.59:1

AA Fail AAA Fail

Text on black

5.84:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

ก.พ. 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

ก.พ. 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

ก.พ. 20, 2026