#FE3501

#FE3501

Color Values

HEX

#FE3501

RGB

254, 53, 1

HSL

12.3, 99.2%, 50.0%

HSV

12.3, 99.6%, 99.6%

CMYK

0.0%, 79.1%, 99.6%, 0.4%

OKLCH

0.6459 0.2388 32.9

Properties

Warm Light Nearest: RAL 2005 Luminous Orange

Color Harmonies

Complementary

#FE3501

#01CAFE

Analogous

#FE014C

#FEB301

#FE3501

Triadic

#FE3501

#01FE35

#3501FE

Split Complementary

#FE3501

#01FEB3

#014CFE

Tetradic

#FE3501

#4CFE01

#01CAFE

#B301FE

Color Blindness Simulation

Original

#FE3501

Protanopia

#A7A50E

Deuteranopia

#B3C211

Tritanopia

#F4181A

Achromatopsia

#5C5C5C

CSS Usage

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

Tailwind Shades

50
#FEF4F1
100
#FCE4DE
200
#FFC6B8
300
#FF9E85
400
#FE6943
500
#FE3501
600
#CB2A01
700
#A32201
800
#7F1A01
900
#5C1705
950
#3A0E03

Contrast Checker

Text on white

3.67:1

AA Fail AAA Fail

Text on black

5.72:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026