#FEC04F

#FEC04F

Color Values

HEX

#FEC04F

RGB

254, 192, 79

HSL

38.7, 98.9%, 65.3%

HSV

38.7, 68.9%, 99.6%

CMYK

0.0%, 24.4%, 68.9%, 0.4%

OKLCH

0.8445 0.1449 79.3

Properties

Warm Light Nearest: Yellow Orange

Color Harmonies

Complementary

#FEC04F

#4F8DFE

Analogous

#FE684F

#E5FE4F

#FEC04F

Triadic

#FEC04F

#4FFEC0

#C04FFE

Split Complementary

#FEC04F

#4FE5FE

#684FFE

Tetradic

#FEC04F

#4FFE68

#4F8DFE

#FE4FE5

Color Blindness Simulation

Original

#FEC04F

Protanopia

#E3E36A

Deuteranopia

#E7EB71

Tritanopia

#FB8085

Achromatopsia

#C5C5C5

CSS Usage

background-color: #FEC04F;
color: #FEC04F;
border-color: #FEC04F;
Nearest Tailwind: Amber 300 #FCD34D

Tailwind Shades

50
#FEF9F1
100
#FCF2DE
200
#FFE6B8
300
#FED385
400
#FEBC43
500
#FEA401
600
#CB8301
700
#A26901
800
#7F5201
900
#5C3D05
950
#3A2603

Contrast Checker

Text on white

1.63:1

AA Fail AAA Fail

Text on black

12.87:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026