#FCC703

#FCC703

Color Values

HEX

#FCC703

RGB

252, 199, 3

HSL

47.2, 97.6%, 50.0%

HSV

47.2, 98.8%, 98.8%

CMYK

0.0%, 21.0%, 98.8%, 1.2%

OKLCH

0.8525 0.1739 89.1

Properties

Warm Light Nearest: gold 2

Color Harmonies

Complementary

#FCC703

#0338FC

Analogous

#FC4A03

#B5FC03

#FCC703

Triadic

#FCC703

#03FCC7

#C703FC

Split Complementary

#FCC703

#03B5FC

#4A03FC

Tetradic

#FCC703

#03FC4A

#0338FC

#FC03B5

Color Blindness Simulation

Original

#FCC703

Protanopia

#E5E532

Deuteranopia

#E8EC3E

Tritanopia

#F95860

Achromatopsia

#C4C4C4

CSS Usage

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

Tailwind Shades

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

Contrast Checker

Text on white

1.58:1

AA Fail AAA Fail

Text on black

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