#FDD187

#FDD187

Color Values

HEX

#FDD187

RGB

253, 209, 135

HSL

37.6, 96.7%, 76.1%

HSV

37.6, 46.6%, 99.2%

CMYK

0.0%, 17.4%, 46.6%, 0.8%

OKLCH

0.8828 0.1045 79.8

Properties

Warm Light Nearest: NCS S 0530-Y30R Apricot

Color Harmonies

Complementary

#FDD187

#87B3FD

Analogous

#FD9687

#EEFD87

#FDD187

Triadic

#FDD187

#87FDD1

#D187FD

Split Complementary

#FDD187

#87EEFD

#9687FD

Tetradic

#FDD187

#87FD96

#87B3FD

#FD87EE

Color Blindness Simulation

Original

#FDD187

Protanopia

#EAEA99

Deuteranopia

#ECF09D

Tritanopia

#FBA7AA

Achromatopsia

#D5D5D5

CSS Usage

background-color: #FDD187;
color: #FDD187;
border-color: #FDD187;
Nearest Tailwind: Orange 300 #FDBA74

Tailwind Shades

50
#FEF9F1
100
#FCF1DE
200
#FEE4B9
300
#FDD187
400
#FCB845
500
#FB9F04
600
#C97F03
700
#A16603
800
#7D4F02
900
#5B3B06
950
#392504

Contrast Checker

Text on white

1.43:1

AA Fail AAA Fail

Text on black

14.65:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026