#FDDD45

#FDDD45

Color Values

HEX

#FDDD45

RGB

253, 221, 69

HSL

49.6, 97.9%, 63.1%

HSV

49.6, 72.7%, 99.2%

CMYK

0.0%, 12.6%, 72.7%, 0.8%

OKLCH

0.8991 0.1648 96.8

Properties

Warm Light Nearest: RAL 1017 Saffron Yellow

Color Harmonies

Complementary

#FDDD45

#4565FD

Analogous

#FD8145

#C1FD45

#FDDD45

Triadic

#FDDD45

#45FDDD

#DD45FD

Split Complementary

#FDDD45

#45C1FD

#8145FD

Tetradic

#FDDD45

#45FD81

#4565FD

#FD45C1

Color Blindness Simulation

Original

#FDDD45

Protanopia

#EFEF6A

Deuteranopia

#F1F373

Tritanopia

#FB878D

Achromatopsia

#D9D9D9

CSS Usage

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

Tailwind Shades

50
#FEFCF1
100
#FCF7DE
200
#FEF2B8
300
#FEE986
400
#FDDD44
500
#FCD103
600
#CAA702
700
#A18602
800
#7E6901
900
#5B4C06
950
#3A3004

Contrast Checker

Text on white

1.35:1

AA Fail AAA Fail

Text on black

15.61:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026