#FCB503

#FCB503

Color Values

HEX

#FCB503

RGB

252, 181, 3

HSL

42.9, 97.6%, 50.0%

HSV

42.9, 98.8%, 98.8%

CMYK

0.0%, 28.2%, 98.8%, 1.2%

OKLCH

0.8183 0.1691 80.0

Properties

Warm Light Nearest: darkgoldenrod 1

Color Harmonies

Complementary

#FCB503

#034AFC

Analogous

#FC3903

#C6FC03

#FCB503

Triadic

#FCB503

#03FCB5

#B503FC

Split Complementary

#FCB503

#03C6FC

#3903FC

Tetradic

#FCB503

#03FC39

#034AFC

#FC03C6

Color Blindness Simulation

Original

#FCB503

Protanopia

#DDDD2E

Deuteranopia

#E1E738

Tritanopia

#F85058

Achromatopsia

#B7B7B7

CSS Usage

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

Tailwind Shades

50
#FEFAF1
100
#FCF4DE
200
#FEEAB8
300
#FEDB86
400
#FDC845
500
#FCB503
600
#CA9102
700
#A17402
800
#7E5B02
900
#5B4306
950
#392A04

Contrast Checker

Text on white

1.79:1

AA Fail AAA Fail

Text on black

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