#FD6C02

#FD6C02

Color Values

HEX

#FD6C02

RGB

253, 108, 2

HSL

25.3, 98.4%, 50.0%

HSV

25.3, 99.2%, 99.2%

CMYK

0.0%, 57.3%, 99.2%, 0.8%

OKLCH

0.7006 0.1977 45.6

Properties

Warm Light Nearest: RAL 2003 Pastel Orange

Color Harmonies

Complementary

#FD6C02

#0293FD

Analogous

#FD0216

#FDE902

#FD6C02

Triadic

#FD6C02

#02FD6C

#6C02FD

Split Complementary

#FD6C02

#02FDE9

#0216FD

Tetradic

#FD6C02

#16FD02

#0293FD

#E902FD

Color Blindness Simulation

Original

#FD6C02

Protanopia

#BEBD1C

Deuteranopia

#C7D222

Tritanopia

#F63034

Achromatopsia

#838383

CSS Usage

background-color: #FD6C02;
color: #FD6C02;
border-color: #FD6C02;
Nearest Tailwind: Orange 500 #F97316

Tailwind Shades

50
#FEF6F1
100
#FCEBDE
200
#FED6B8
300
#FEB886
400
#FD9244
500
#FD6C02
600
#CA5602
700
#A24501
800
#7E3601
900
#5B2A06
950
#3A1A04

Contrast Checker

Text on white

2.87:1

AA Fail AAA Fail

Text on black

7.32:1

AA Pass AAA Pass

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