#FDD302

#FDD302

Color Values

HEX

#FDD302

RGB

253, 211, 2

HSL

50.0, 98.4%, 50.0%

HSV

50.0, 99.2%, 99.2%

CMYK

0.0%, 16.6%, 99.2%, 0.8%

OKLCH

0.877 0.1796 94.3

Properties

Warm Light Nearest: RAL 1023 Traffic Yellow

Color Harmonies

Complementary

#FDD302

#022CFD

Analogous

#FD5602

#A9FD02

#FDD302

Triadic

#FDD302

#02FDD3

#D302FD

Split Complementary

#FDD302

#02A9FD

#5602FD

Tetradic

#FDD302

#02FD56

#022CFD

#FD02A9

Color Blindness Simulation

Original

#FDD302

Protanopia

#EBEA35

Deuteranopia

#EDF041

Tritanopia

#FB5D65

Achromatopsia

#CDCDCD

CSS Usage

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

Tailwind Shades

50
#FEFCF1
100
#FCF7DE
200
#FEF3B8
300
#FEEA86
400
#FDDF44
500
#FDD302
600
#CAA902
700
#A28701
800
#7E6A01
900
#5B4D06
950
#3A3104

Contrast Checker

Text on white

1.45:1

AA Fail AAA Fail

Text on black

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