#FCDD03

#FCDD03

Color Values

HEX

#FCDD03

RGB

252, 221, 3

HSL

52.5, 97.6%, 50.0%

HSV

52.5, 98.8%, 98.8%

CMYK

0.0%, 12.3%, 98.8%, 1.2%

OKLCH

0.896 0.1853 98.9

Properties

Warm Light Nearest: RAL 1021 Rape Yellow

Color Harmonies

Complementary

#FCDD03

#0322FC

Analogous

#FC6003

#9FFC03

#FCDD03

Triadic

#FCDD03

#03FCDD

#DD03FC

Split Complementary

#FCDD03

#039FFC

#6003FC

Tetradic

#FCDD03

#03FC60

#0322FC

#FC039F

Color Blindness Simulation

Original

#FCDD03

Protanopia

#EFEE38

Deuteranopia

#F0F344

Tritanopia

#FA616B

Achromatopsia

#D4D4D4

CSS Usage

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

Tailwind Shades

50
#FEFCF1
100
#FCF8DE
200
#FEF5B8
300
#FEEF86
400
#FDE645
500
#FCDD03
600
#CAB102
700
#A18D02
800
#7E6E02
900
#5B5006
950
#393304

Contrast Checker

Text on white

1.36:1

AA Fail AAA Fail

Text on black

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