#FDED45

#FDED45

Color Values

HEX

#FDED45

RGB

253, 237, 69

HSL

54.8, 97.9%, 63.1%

HSV

54.8, 72.7%, 99.2%

CMYK

0.0%, 6.3%, 72.7%, 0.8%

OKLCH

0.9314 0.1769 103.8

Properties

Warm Light Nearest: Lemon Yellow

Color Harmonies

Complementary

#FDED45

#4555FD

Analogous

#FD9145

#B1FD45

#FDED45

Triadic

#FDED45

#45FDED

#ED45FD

Split Complementary

#FDED45

#45B1FD

#9145FD

Tetradic

#FDED45

#45FD91

#4555FD

#FD45B1

Color Blindness Simulation

Original

#FDED45

Protanopia

#F6F66E

Deuteranopia

#F7F877

Tritanopia

#FC8E95

Achromatopsia

#E4E4E4

CSS Usage

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

Tailwind Shades

50
#FEFDF1
100
#FCF9DE
200
#FEF8B8
300
#FEF386
400
#FDED44
500
#FCE703
600
#CAB902
700
#A19402
800
#7E7301
900
#5B5406
950
#3A3504

Contrast Checker

Text on white

1.21:1

AA Fail AAA Fail

Text on black

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