#FDD488

#FDD488

Color Values

HEX

#FDD488

RGB

253, 212, 136

HSL

39.0, 96.7%, 76.3%

HSV

39.0, 46.2%, 99.2%

CMYK

0.0%, 16.2%, 46.2%, 0.8%

OKLCH

0.8887 0.1049 82.1

Properties

Warm Light Nearest: NCS S 0530-Y30R Apricot

Color Harmonies

Complementary

#FDD488

#88B1FD

Analogous

#FD9A88

#EBFD88

#FDD488

Triadic

#FDD488

#88FDD4

#D488FD

Split Complementary

#FDD488

#88EBFD

#9A88FD

Tetradic

#FDD488

#88FD9A

#88B1FD

#FD88EB

Color Blindness Simulation

Original

#FDD488

Protanopia

#EBEB9A

Deuteranopia

#EEF19F

Tritanopia

#FBA9AC

Achromatopsia

#D7D7D7

CSS Usage

background-color: #FDD488;
color: #FDD488;
border-color: #FDD488;
Nearest Tailwind: Amber 200 #FDE68A

Tailwind Shades

50
#FEF9F1
100
#FCF2DE
200
#FEE6B9
300
#FDD487
400
#FCBC45
500
#FBA404
600
#C98403
700
#A16903
800
#7D5202
900
#5B3D06
950
#392704

Contrast Checker

Text on white

1.4:1

AA Fail AAA Fail

Text on black

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