#FDD486

#FDD486

Color Values

HEX

#FDD486

RGB

253, 212, 134

HSL

39.3, 96.7%, 75.9%

HSV

39.3, 47.0%, 99.2%

CMYK

0.0%, 16.2%, 47.0%, 0.8%

OKLCH

0.8884 0.1068 82.7

Properties

Warm Light Nearest: NCS S 0530-Y30R Apricot

Color Harmonies

Complementary

#FDD486

#86AFFD

Analogous

#FD9986

#EBFD86

#FDD486

Triadic

#FDD486

#86FDD4

#D486FD

Split Complementary

#FDD486

#86EBFD

#9986FD

Tetradic

#FDD486

#86FD99

#86AFFD

#FD86EB

Color Blindness Simulation

Original

#FDD486

Protanopia

#EBEB99

Deuteranopia

#EEF19D

Tritanopia

#FBA8AB

Achromatopsia

#D7D7D7

CSS Usage

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

Tailwind Shades

50
#FEF9F1
100
#FCF2DE
200
#FEE6B9
300
#FDD487
400
#FCBD45
500
#FBA604
600
#C98503
700
#A16A03
800
#7D5302
900
#5B3E06
950
#392704

Contrast Checker

Text on white

1.41:1

AA Fail AAA Fail

Text on black

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