#FDD786

#FDD786

Color Values

HEX

#FDD786

RGB

253, 215, 134

HSL

40.8, 96.7%, 75.9%

HSV

40.8, 47.0%, 99.2%

CMYK

0.0%, 15.0%, 47.0%, 0.8%

OKLCH

0.8942 0.1085 85.2

Properties

Warm Light Nearest: NCS S 0530-Y30R Apricot

Color Harmonies

Complementary

#FDD786

#86ACFD

Analogous

#FD9C86

#E8FD86

#FDD786

Triadic

#FDD786

#86FDD7

#D786FD

Split Complementary

#FDD786

#86E8FD

#9C86FD

Tetradic

#FDD786

#86FD9C

#86ACFD

#FD86E8

Color Blindness Simulation

Original

#FDD786

Protanopia

#EDEC9A

Deuteranopia

#EFF29E

Tritanopia

#FBA9AC

Achromatopsia

#D9D9D9

CSS Usage

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

Tailwind Shades

50
#FEFAF1
100
#FCF2DE
200
#FEE8B9
300
#FDD787
400
#FCC145
500
#FBAC04
600
#C98A03
700
#A16E03
800
#7D5602
900
#5B4006
950
#392804

Contrast Checker

Text on white

1.38:1

AA Fail AAA Fail

Text on black

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