#FDD002

#FDD002

Color Values

HEX

#FDD002

RGB

253, 208, 2

HSL

49.2, 98.4%, 50.0%

HSV

49.2, 99.2%, 99.2%

CMYK

0.0%, 17.8%, 99.2%, 0.8%

OKLCH

0.8711 0.1781 93.0

Properties

Warm Light Nearest: RAL 1023 Traffic Yellow

Color Harmonies

Complementary

#FDD002

#022FFD

Analogous

#FD5202

#ADFD02

#FDD002

Triadic

#FDD002

#02FDD0

#D002FD

Split Complementary

#FDD002

#02ADFD

#5202FD

Tetradic

#FDD002

#02FD52

#022FFD

#FD02AD

Color Blindness Simulation

Original

#FDD002

Protanopia

#EAE934

Deuteranopia

#ECF040

Tritanopia

#FB5B64

Achromatopsia

#CBCBCB

CSS Usage

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

Tailwind Shades

50
#FEFBF1
100
#FCF7DE
200
#FEF2B8
300
#FEE886
400
#FDDC44
500
#FDD002
600
#CAA602
700
#A28501
800
#7E6801
900
#5B4C06
950
#3A3004

Contrast Checker

Text on white

1.48:1

AA Fail AAA Fail

Text on black

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