#FE5501

#FE5501

Color Values

HEX

#FE5501

RGB

254, 85, 1

HSL

19.9, 99.2%, 50.0%

HSV

19.9, 99.6%, 99.6%

CMYK

0.0%, 66.5%, 99.6%, 0.4%

OKLCH

0.6743 0.2165 38.8

Properties

Warm Light Nearest: orangered

Color Harmonies

Complementary

#FE5501

#01AAFE

Analogous

#FE012C

#FED301

#FE5501

Triadic

#FE5501

#01FE55

#5501FE

Split Complementary

#FE5501

#01FED3

#012CFE

Tetradic

#FE5501

#2CFE01

#01AAFE

#D301FE

Color Blindness Simulation

Original

#FE5501

Protanopia

#B5B315

Deuteranopia

#BFCB1A

Tritanopia

#F62529

Achromatopsia

#737373

CSS Usage

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

Tailwind Shades

50
#FEF5F1
100
#FCE8DE
200
#FFCFB8
300
#FFAD85
400
#FE8143
500
#FE5501
600
#CB4401
700
#A33601
800
#7F2A01
900
#5C2205
950
#3A1503

Contrast Checker

Text on white

3.22:1

AA Fail AAA Fail

Text on black

6.51:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026