#FDEC46

#FDEC46

Color Values

HEX

#FDEC46

RGB

253, 236, 70

HSL

54.4, 97.9%, 63.3%

HSV

54.4, 72.3%, 99.2%

CMYK

0.0%, 6.7%, 72.3%, 0.8%

OKLCH

0.9294 0.1755 103.3

Properties

Warm Light Nearest: Lemon Yellow

Color Harmonies

Complementary

#FDEC46

#4657FD

Analogous

#FD9046

#B3FD46

#FDEC46

Triadic

#FDEC46

#46FDEC

#EC46FD

Split Complementary

#FDEC46

#46B3FD

#9046FD

Tetradic

#FDEC46

#46FD90

#4657FD

#FD46B3

Color Blindness Simulation

Original

#FDEC46

Protanopia

#F6F56E

Deuteranopia

#F7F878

Tritanopia

#FC8E95

Achromatopsia

#E4E4E4

CSS Usage

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

Tailwind Shades

50
#FEFDF1
100
#FCF9DE
200
#FEF8B8
300
#FEF386
400
#FDEC44
500
#FCE503
600
#CAB702
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