#FCDF03

#FCDF03

Color Values

HEX

#FCDF03

RGB

252, 223, 3

HSL

53,0, 97,6%, 50,0%

HSV

53,0, 98,8%, 98,8%

CMYK

0,0%, 11,5%, 98,8%, 1,2%

OKLCH

0,9 0,1866 99,7

Properties

Warm Light Nearest: RAL 1021 Rape Yellow

Color Harmonies

Complementary

#FCDF03

#0320FC

Analogous

#FC6203

#9DFC03

#FCDF03

Triadic

#FCDF03

#03FCDF

#DF03FC

Split Complementary

#FCDF03

#039DFC

#6203FC

Tetradic

#FCDF03

#03FC62

#0320FC

#FC039D

Color Blindness Simulation

Original

#FCDF03

Protanopia

#EFEF38

Deuteranopia

#F1F345

Tritanopia

#FB626C

Achromatopsia

#D5D5D5

CSS Usage

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

Tailwind Shades

50
#FEFCF1
100
#FCF9DE
200
#FEF6B8
300
#FEF086
400
#FDE745
500
#FCDF03
600
#CAB202
700
#A18F02
800
#7E6F02
900
#5B5106
950
#393304

Contrast Checker

Text on white

1,34:1

AA Fail AAA Fail

Text on black

15,7:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Fev 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Fev 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Fev 19, 2026