#FEA81F

#FEA81F

Color Values

HEX

#FEA81F

RGB

254, 168, 31

HSL

36.9, 99.1%, 55.9%

HSV

36.9, 87.8%, 99.6%

CMYK

0.0%, 33.9%, 87.8%, 0.4%

OKLCH

0.7975 0.165 71.1

Properties

Warm Light Nearest: RAL 2007 Luminous Bright Orange

Color Harmonies

Complementary

#FEA81F

#1F75FE

Analogous

#FE391F

#E4FE1F

#FEA81F

Triadic

#FEA81F

#1FFEA8

#A81FFE

Split Complementary

#FEA81F

#1FE4FE

#391FFE

Tetradic

#FEA81F

#1FFE39

#1F75FE

#FE1FE4

Color Blindness Simulation

Original

#FEA81F

Protanopia

#D9D840

Deuteranopia

#DEE448

Tritanopia

#FA5A60

Achromatopsia

#B0B0B0

CSS Usage

background-color: #FEA81F;
color: #FEA81F;
border-color: #FEA81F;
Nearest Tailwind: Amber 500 #F59E0B

Tailwind Shades

50
#FEF9F1
100
#FCF1DE
200
#FFE3B8
300
#FED085
400
#FEB643
500
#FE9D01
600
#CB7D01
700
#A26401
800
#7F4E01
900
#5C3A05
950
#3A2503

Contrast Checker

Text on white

1.94:1

AA Fail AAA Fail

Text on black

10.84:1

AA Pass AAA Pass

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