#FDD144

#FDD144

Color Values

HEX

#FDD144

RGB

253, 209, 68

HSL

45.7, 97.9%, 62.9%

HSV

45.7, 73.1%, 99.2%

CMYK

0.0%, 17.4%, 73.1%, 0.8%

OKLCH

0.8753 0.158 90.9

Properties

Warm Light Nearest: Sunglow

Color Harmonies

Complementary

#FDD144

#4470FD

Analogous

#FD7444

#CDFD44

#FDD144

Triadic

#FDD144

#44FDD1

#D144FD

Split Complementary

#FDD144

#44CDFD

#7444FD

Tetradic

#FDD144

#44FD74

#4470FD

#FD44CD

Color Blindness Simulation

Original

#FDD144

Protanopia

#EAEA66

Deuteranopia

#ECF06E

Tritanopia

#FB8187

Achromatopsia

#D0D0D0

CSS Usage

background-color: #FDD144;
color: #FDD144;
border-color: #FDD144;
Nearest Tailwind: Amber 300 #FCD34D

Tailwind Shades

50
#FEFBF1
100
#FCF5DE
200
#FEEEB8
300
#FEE186
400
#FDD144
500
#FCC103
600
#CA9A02
700
#A17B02
800
#7E6001
900
#5B4706
950
#3A2D04

Contrast Checker

Text on white

1.46:1

AA Fail AAA Fail

Text on black

14.38:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026