#FDEC44

#FDEC44

Color Values

HEX

#FDEC44

RGB

253, 236, 68

HSL

54.5, 97.9%, 62.9%

HSV

54.5, 73.1%, 99.2%

CMYK

0.0%, 6.7%, 73.1%, 0.8%

OKLCH

0.9293 0.1766 103.4

Properties

Warm Light Nearest: Lemon Yellow

Color Harmonies

Complementary

#FDEC44

#4455FD

Analogous

#FD8F44

#B1FD44

#FDEC44

Triadic

#FDEC44

#44FDEC

#EC44FD

Split Complementary

#FDEC44

#44B1FD

#8F44FD

Tetradic

#FDEC44

#44FD8F

#4455FD

#FD44B1

Color Blindness Simulation

Original

#FDEC44

Protanopia

#F6F56D

Deuteranopia

#F7F876

Tritanopia

#FC8D94

Achromatopsia

#E3E3E3

CSS Usage

background-color: #FDEC44;
color: #FDEC44;
border-color: #FDEC44;
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

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026