#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

Şub 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Şub 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Şub 19, 2026