#FEC543

#FEC543

Color Values

HEX

#FEC543

RGB

254, 197, 67

HSL

41.7, 98.9%, 62.9%

HSV

41.7, 73.6%, 99.6%

CMYK

0.0%, 22.4%, 73.6%, 0.4%

OKLCH

0.8531 0.1536 83.9

Properties

Warm Light Nearest: Sunglow

Color Harmonies

Complementary

#FEC543

#437CFE

Analogous

#FE6743

#D9FE43

#FEC543

Triadic

#FEC543

#43FEC5

#C543FE

Split Complementary

#FEC543

#43D9FE

#6743FE

Tetradic

#FEC543

#43FE67

#437CFE

#FE43D9

Color Blindness Simulation

Original

#FEC543

Protanopia

#E5E562

Deuteranopia

#E9ED6A

Tritanopia

#FB7B81

Achromatopsia

#C8C8C8

CSS Usage

background-color: #FEC543;
color: #FEC543;
border-color: #FEC543;
Nearest Tailwind: Amber 400 #FBBF24

Tailwind Shades

50
#FEFAF1
100
#FCF3DE
200
#FFE9B8
300
#FED985
400
#FEC543
500
#FEB101
600
#CB8D01
700
#A27101
800
#7F5801
900
#5C4105
950
#3A2903

Contrast Checker

Text on white

1.58:1

AA Fail AAA Fail

Text on black

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