#FEC201

#FEC201

Color Values

HEX

#FEC201

RGB

254, 194, 1

HSL

45.8, 99.2%, 50.0%

HSV

45.8, 99.6%, 99.6%

CMYK

0.0%, 23.6%, 99.6%, 0.4%

OKLCH

0.845 0.1729 85.9

Properties

Warm Light Nearest: goldenrod 1

Color Harmonies

Complementary

#FEC201

#013DFE

Analogous

#FE4401

#BBFE01

#FEC201

Triadic

#FEC201

#01FEC2

#C201FE

Split Complementary

#FEC201

#01BBFE

#4401FE

Tetradic

#FEC201

#01FE44

#013DFE

#FE01BB

Color Blindness Simulation

Original

#FEC201

Protanopia

#E4E330

Deuteranopia

#E8EC3B

Tritanopia

#FB555D

Achromatopsia

#C1C1C1

CSS Usage

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

Tailwind Shades

50
#FEFBF1
100
#FCF5DE
200
#FFEEB8
300
#FFE285
400
#FED243
500
#FEC201
600
#CB9B01
700
#A37C01
800
#7F6101
900
#5C4705
950
#3A2D03

Contrast Checker

Text on white

1.62:1

AA Fail AAA Fail

Text on black

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