#FDD202

#FDD202

Color Values

HEX

#FDD202

RGB

253, 210, 2

HSL

49.7, 98.4%, 50.0%

HSV

49.7, 99.2%, 99.2%

CMYK

0.0%, 17.0%, 99.2%, 0.8%

OKLCH

0.875 0.1791 93.9

Properties

Warm Light Nearest: RAL 1023 Traffic Yellow

Color Harmonies

Complementary

#FDD202

#022DFD

Analogous

#FD5402

#ABFD02

#FDD202

Triadic

#FDD202

#02FDD2

#D202FD

Split Complementary

#FDD202

#02ABFD

#5402FD

Tetradic

#FDD202

#02FD54

#022DFD

#FD02AB

Color Blindness Simulation

Original

#FDD202

Protanopia

#EAEA34

Deuteranopia

#EDF040

Tritanopia

#FB5C65

Achromatopsia

#CCCCCC

CSS Usage

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

Tailwind Shades

50
#FEFCF1
100
#FCF7DE
200
#FEF2B8
300
#FEE986
400
#FDDE44
500
#FDD202
600
#CAA802
700
#A28601
800
#7E6901
900
#5B4D06
950
#3A3004

Contrast Checker

Text on white

1.46:1

AA Fail AAA Fail

Text on black

14.4:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026