#FDC587

#FDC587

Color Values

HEX

#FDC587

RGB

253, 197, 135

HSL

31.5, 96.7%, 76.1%

HSV

31.5, 46.6%, 99.2%

CMYK

0.0%, 22.1%, 46.6%, 0.8%

OKLCH

0.86 0.1014 68.7

Properties

Warm Light Nearest: Macaroni and Cheese

Color Harmonies

Complementary

#FDC587

#87BFFD

Analogous

#FD8A87

#FAFD87

#FDC587

Triadic

#FDC587

#87FDC5

#C587FD

Split Complementary

#FDC587

#87FAFD

#8A87FD

Tetradic

#FDC587

#87FD8A

#87BFFD

#FD87FA

Color Blindness Simulation

Original

#FDC587

Protanopia

#E5E496

Deuteranopia

#E8EC9A

Tritanopia

#FAA2A4

Achromatopsia

#CCCCCC

CSS Usage

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

Tailwind Shades

50
#FEF8F1
100
#FCEEDE
200
#FEDDB9
300
#FDC587
400
#FCA545
500
#FB8604
600
#C96B03
700
#A15603
800
#7D4302
900
#5B3306
950
#392004

Contrast Checker

Text on white

1.55:1

AA Fail AAA Fail

Text on black

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