#FCDC03

#FCDC03

Color Values

HEX

#FCDC03

RGB

252, 220, 3

HSL

52.3, 97.6%, 50.0%

HSV

52.3, 98.8%, 98.8%

CMYK

0.0%, 12.7%, 98.8%, 1.2%

OKLCH

0.8939 0.1847 98.5

Properties

Warm Light Nearest: RAL 1021 Rape Yellow

Color Harmonies

Complementary

#FCDC03

#0323FC

Analogous

#FC6003

#9FFC03

#FCDC03

Triadic

#FCDC03

#03FCDC

#DC03FC

Split Complementary

#FCDC03

#039FFC

#6003FC

Tetradic

#FCDC03

#03FC60

#0323FC

#FC039F

Color Blindness Simulation

Original

#FCDC03

Protanopia

#EEEE37

Deuteranopia

#F0F244

Tritanopia

#FA616A

Achromatopsia

#D3D3D3

CSS Usage

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

Tailwind Shades

50
#FEFCF1
100
#FCF8DE
200
#FEF5B8
300
#FEEE86
400
#FDE545
500
#FCDC03
600
#CAB002
700
#A18D02
800
#7E6E02
900
#5B5006
950
#393304

Contrast Checker

Text on white

1.37:1

AA Fail AAA Fail

Text on black

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