#FDEC45

#FDEC45

Color Values

HEX

#FDEC45

RGB

253, 236, 69

HSL

54.5, 97.9%, 63.1%

HSV

54.5, 72.7%, 99.2%

CMYK

0.0%, 6.7%, 72.7%, 0.8%

OKLCH

0.9293 0.1761 103.4

Properties

Warm Light Nearest: Lemon Yellow

Color Harmonies

Complementary

#FDEC45

#4556FD

Analogous

#FD9045

#B2FD45

#FDEC45

Triadic

#FDEC45

#45FDEC

#EC45FD

Split Complementary

#FDEC45

#45B2FD

#9045FD

Tetradic

#FDEC45

#45FD90

#4556FD

#FD45B2

Color Blindness Simulation

Original

#FDEC45

Protanopia

#F6F56D

Deuteranopia

#F7F877

Tritanopia

#FC8D94

Achromatopsia

#E4E4E4

CSS Usage

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

Tailwind Shades

50
#FEFDF1
100
#FCF9DE
200
#FEF8B8
300
#FEF386
400
#FDEC44
500
#FCE503
600
#CAB802
700
#A19302
800
#7E7301
900
#5B5306
950
#3A3504

Contrast Checker

Text on white

1.22:1

AA Fail AAA Fail

Text on black

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