#FD3B02

#FD3B02

Color Values

HEX

#FD3B02

RGB

253, 59, 2

HSL

13.6, 98.4%, 50.0%

HSV

13.6, 99.2%, 99.2%

CMYK

0.0%, 76.7%, 99.2%, 0.8%

OKLCH

0.6486 0.2342 33.7

Properties

Warm Light Nearest: orangered

Color Harmonies

Complementary

#FD3B02

#02C4FD

Analogous

#FD0247

#FDB802

#FD3B02

Triadic

#FD3B02

#02FD3B

#3B02FD

Split Complementary

#FD3B02

#02FDB8

#0247FD

Tetradic

#FD3B02

#47FD02

#02C4FD

#B802FD

Color Blindness Simulation

Original

#FD3B02

Protanopia

#A9A710

Deuteranopia

#B4C313

Tritanopia

#F31B1D

Achromatopsia

#606060

CSS Usage

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

Tailwind Shades

50
#FEF4F1
100
#FCE5DE
200
#FEC8B8
300
#FEA186
400
#FD6E44
500
#FD3B02
600
#CA2F02
700
#A22601
800
#7E1D01
900
#5B1906
950
#3A1004

Contrast Checker

Text on white

3.62:1

AA Fail AAA Fail

Text on black

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