#FCD303

#FCD303

Color Values

HEX

#FCD303

RGB

252, 211, 3

HSL

50.1, 97.6%, 50.0%

HSV

50.1, 98.8%, 98.8%

CMYK

0.0%, 16.3%, 98.8%, 1.2%

OKLCH

0.876 0.1794 94.7

Properties

Warm Light Nearest: RAL 1023 Traffic Yellow

Color Harmonies

Complementary

#FCD303

#032CFC

Analogous

#FC5603

#A9FC03

#FCD303

Triadic

#FCD303

#03FCD3

#D303FC

Split Complementary

#FCD303

#03A9FC

#5603FC

Tetradic

#FCD303

#03FC56

#032CFC

#FC03A9

Color Blindness Simulation

Original

#FCD303

Protanopia

#EAEA35

Deuteranopia

#EDF041

Tritanopia

#FA5D66

Achromatopsia

#CDCDCD

CSS Usage

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

Tailwind Shades

50
#FEFCF1
100
#FCF7DE
200
#FEF3B8
300
#FEEA86
400
#FDDE45
500
#FCD303
600
#CAA902
700
#A18702
800
#7E6902
900
#5B4D06
950
#393104

Contrast Checker

Text on white

1.45:1

AA Fail AAA Fail

Text on black

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