#FCC603

#FCC603

Color Values

HEX

#FCC603

RGB

252, 198, 3

HSL

47.0, 97.6%, 50.0%

HSV

47.0, 98.8%, 98.8%

CMYK

0.0%, 21.4%, 98.8%, 1.2%

OKLCH

0.8506 0.1735 88.6

Properties

Warm Light Nearest: goldenrod 1

Color Harmonies

Complementary

#FCC603

#0339FC

Analogous

#FC4A03

#B5FC03

#FCC603

Triadic

#FCC603

#03FCC6

#C603FC

Split Complementary

#FCC603

#03B5FC

#4A03FC

Tetradic

#FCC603

#03FC4A

#0339FC

#FC03B5

Color Blindness Simulation

Original

#FCC603

Protanopia

#E5E432

Deuteranopia

#E8EC3E

Tritanopia

#F95760

Achromatopsia

#C3C3C3

CSS Usage

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

Tailwind Shades

50
#FEFBF1
100
#FCF6DE
200
#FEEFB8
300
#FEE486
400
#FDD545
500
#FCC603
600
#CA9E02
700
#A17F02
800
#7E6302
900
#5B4906
950
#392E04

Contrast Checker

Text on white

1.59:1

AA Fail AAA Fail

Text on black

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