#FE860E

#FE860E

Color Values

HEX

#FE860E

RGB

254, 134, 14

HSL

30.0, 99.2%, 52.5%

HSV

30.0, 94.5%, 99.6%

CMYK

0.0%, 47.2%, 94.5%, 0.4%

OKLCH

0.74 0.18 55.2

Properties

Warm Light Nearest: darkorange 1

Color Harmonies

Complementary

#FE860E

#0E86FE

Analogous

#FE0E0E

#FEFE0E

#FE860E

Triadic

#FE860E

#0EFE86

#860EFE

Split Complementary

#FE860E

#0EFEFE

#0E0EFE

Tetradic

#FE860E

#0EFE0E

#0E86FE

#FE0EFE

Color Blindness Simulation

Original

#FE860E

Protanopia

#CAC92B

Deuteranopia

#D1DA32

Tritanopia

#F84247

Achromatopsia

#979797

CSS Usage

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

Tailwind Shades

50
#FEF7F1
100
#FCEDDE
200
#FFDBB8
300
#FFC285
400
#FEA143
500
#FE8001
600
#CB6601
700
#A35201
800
#7F4001
900
#5C3005
950
#3A1F03

Contrast Checker

Text on white

2.43:1

AA Fail AAA Fail

Text on black

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