#FE9025

#FE9025

Color Values

HEX

#FE9025

RGB

254, 144, 37

HSL

29.6, 99.1%, 57.1%

HSV

29.6, 85.4%, 99.6%

CMYK

0.0%, 43.3%, 85.4%, 0.4%

OKLCH

0.7567 0.1704 57.9

Properties

Warm Light Nearest: darkorange

Color Harmonies

Complementary

#FE9025

#2593FE

Analogous

#FE2527

#FEFD25

#FE9025

Triadic

#FE9025

#25FE90

#9025FE

Split Complementary

#FE9025

#25FEFD

#2527FE

Tetradic

#FE9025

#27FE25

#2593FE

#FD25FE

Color Blindness Simulation

Original

#FE9025

Protanopia

#CECD3F

Deuteranopia

#D5DD45

Tritanopia

#F85358

Achromatopsia

#A0A0A0

CSS Usage

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

Tailwind Shades

50
#FEF7F1
100
#FCEDDE
200
#FFDBB8
300
#FEC185
400
#FE9F43
500
#FE7E01
600
#CB6501
700
#A25101
800
#7F3F01
900
#5C3005
950
#3A1E03

Contrast Checker

Text on white

2.28:1

AA Fail AAA Fail

Text on black

9.23:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026