#FE6C01

#FE6C01

Color Values

HEX

#FE6C01

RGB

254, 108, 1

HSL

25.4, 99.2%, 50.0%

HSV

25.4, 99.6%, 99.6%

CMYK

0.0%, 57.5%, 99.6%, 0.4%

OKLCH

0.7021 0.1987 45.5

Properties

Warm Light Nearest: RAL 2003 Pastel Orange

Color Harmonies

Complementary

#FE6C01

#0193FE

Analogous

#FE0114

#FEEB01

#FE6C01

Triadic

#FE6C01

#01FE6C

#6C01FE

Split Complementary

#FE6C01

#01FEEB

#0114FE

Tetradic

#FE6C01

#14FE01

#0193FE

#EB01FE

Color Blindness Simulation

Original

#FE6C01

Protanopia

#BFBE1B

Deuteranopia

#C7D221

Tritanopia

#F72F34

Achromatopsia

#838383

CSS Usage

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

Tailwind Shades

50
#FEF6F1
100
#FCEBDE
200
#FFD6B8
300
#FFB885
400
#FE9243
500
#FE6C01
600
#CB5601
700
#A34501
800
#7F3601
900
#5C2A05
950
#3A1A03

Contrast Checker

Text on white

2.85:1

AA Fail AAA Fail

Text on black

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