#FDDE44

#FDDE44

Color Values

HEX

#FDDE44

RGB

253, 222, 68

HSL

49.9, 97.9%, 62.9%

HSV

49.9, 73.1%, 99.2%

CMYK

0.0%, 12.3%, 73.1%, 0.8%

OKLCH

0.901 0.166 97.3

Properties

Warm Light Nearest: RAL 1017 Saffron Yellow

Color Harmonies

Complementary

#FDDE44

#4463FD

Analogous

#FD8144

#C0FD44

#FDDE44

Triadic

#FDDE44

#44FDDE

#DE44FD

Split Complementary

#FDDE44

#44C0FD

#8144FD

Tetradic

#FDDE44

#44FD81

#4463FD

#FD44C0

Color Blindness Simulation

Original

#FDDE44

Protanopia

#F0EF69

Deuteranopia

#F1F472

Tritanopia

#FB878D

Achromatopsia

#D9D9D9

CSS Usage

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

Tailwind Shades

50
#FEFCF1
100
#FCF7DE
200
#FEF2B8
300
#FEEA86
400
#FDDE44
500
#FCD203
600
#CAA802
700
#A18702
800
#7E6901
900
#5B4D06
950
#3A3004

Contrast Checker

Text on white

1.34:1

AA Fail AAA Fail

Text on black

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