#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

2월 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2월 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2월 19, 2026