#FE9125

#FE9125

Color Values

HEX

#FE9125

RGB

254, 145, 37

HSL

29.9, 99.1%, 57.1%

HSV

29.9, 85.4%, 99.6%

CMYK

0.0%, 42.9%, 85.4%, 0.4%

OKLCH

0.7584 0.17 58.4

Properties

Warm Light Nearest: darkorange

Color Harmonies

Complementary

#FE9125

#2592FE

Analogous

#FE2526

#FEFE25

#FE9125

Triadic

#FE9125

#25FE91

#9125FE

Split Complementary

#FE9125

#25FEFE

#2526FE

Tetradic

#FE9125

#26FE25

#2592FE

#FE25FE

Color Blindness Simulation

Original

#FE9125

Protanopia

#CFCE3F

Deuteranopia

#D5DD45

Tritanopia

#F95458

Achromatopsia

#A0A0A0

CSS Usage

background-color: #FE9125;
color: #FE9125;
border-color: #FE9125;
Nearest Tailwind: Orange 400 #FB923C

Tailwind Shades

50
#FEF7F1
100
#FCEDDE
200
#FFDBB8
300
#FEC285
400
#FEA043
500
#FE7F01
600
#CB6601
700
#A25101
800
#7F4001
900
#5C3005
950
#3A1F03

Contrast Checker

Text on white

2.26:1

AA Fail AAA Fail

Text on black

9.29:1

AA Pass AAA Pass

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