#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

Şub 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Şub 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Şub 19, 2026