#FED501

#FED501

Color Values

HEX

#FED501

RGB

254, 213, 1

HSL

50.3, 99.2%, 50.0%

HSV

50.3, 99.6%, 99.6%

CMYK

0.0%, 16.1%, 99.6%, 0.4%

OKLCH

0.8819 0.1809 94.8

Properties

Warm Light Nearest: gold

Color Harmonies

Complementary

#FED501

#012AFE

Analogous

#FE5701

#A8FE01

#FED501

Triadic

#FED501

#01FED5

#D501FE

Split Complementary

#FED501

#01A8FE

#5701FE

Tetradic

#FED501

#01FE57

#012AFE

#FE01A8

Color Blindness Simulation

Original

#FED501

Protanopia

#ECEC34

Deuteranopia

#EFF241

Tritanopia

#FC5D66

Achromatopsia

#CECECE

CSS Usage

background-color: #FED501;
color: #FED501;
border-color: #FED501;
Nearest Tailwind: Yellow 400 #FACC15

Tailwind Shades

50
#FEFCF1
100
#FCF7DE
200
#FFF3B8
300
#FFEB85
400
#FEE043
500
#FED501
600
#CBAA01
700
#A38801
800
#7F6B01
900
#5C4E05
950
#3A3103

Contrast Checker

Text on white

1.43:1

AA Fail AAA Fail

Text on black

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