#FCDD28

#FCDD28

Color Values

HEX

#FCDD28

RGB

252, 221, 40

HSL

51.2, 97.2%, 57.3%

HSV

51.2, 84.1%, 98.8%

CMYK

0.0%, 12.3%, 84.1%, 1.2%

OKLCH

0.8967 0.1779 98.3

Properties

Warm Light Nearest: RAL 1021 Rape Yellow

Color Harmonies

Complementary

#FCDD28

#2847FC

Analogous

#FC7328

#B1FC28

#FCDD28

Triadic

#FCDD28

#28FCDD

#DD28FC

Split Complementary

#FCDD28

#28B1FC

#7328FC

Tetradic

#FCDD28

#28FC73

#2847FC

#FC28B1

Color Blindness Simulation

Original

#FCDD28

Protanopia

#EFEE54

Deuteranopia

#F0F35E

Tritanopia

#FA767E

Achromatopsia

#D7D7D7

CSS Usage

background-color: #FCDD28;
color: #FCDD28;
border-color: #FCDD28;
Nearest Tailwind: Yellow 300 #FDE047

Tailwind Shades

50
#FEFCF1
100
#FCF8DE
200
#FEF4B9
300
#FDEC86
400
#FCE145
500
#FBD704
600
#C9AC03
700
#A18A02
800
#7E6C02
900
#5B4E06
950
#393204

Contrast Checker

Text on white

1.35:1

AA Fail AAA Fail

Text on black

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