#FDD686

#FDD686

Color Values

HEX

#FDD686

RGB

253, 214, 134

HSL

40.3, 96.7%, 75.9%

HSV

40.3, 47.0%, 99.2%

CMYK

0.0%, 15.4%, 47.0%, 0.8%

OKLCH

0.8923 0.1079 84.3

Properties

Warm Light Nearest: NCS S 0530-Y30R Apricot

Color Harmonies

Complementary

#FDD686

#86ADFD

Analogous

#FD9B86

#E9FD86

#FDD686

Triadic

#FDD686

#86FDD6

#D686FD

Split Complementary

#FDD686

#86E9FD

#9B86FD

Tetradic

#FDD686

#86FD9B

#86ADFD

#FD86E9

Color Blindness Simulation

Original

#FDD686

Protanopia

#ECEC99

Deuteranopia

#EEF19E

Tritanopia

#FBA9AC

Achromatopsia

#D9D9D9

CSS Usage

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

Tailwind Shades

50
#FEFAF1
100
#FCF2DE
200
#FEE7B9
300
#FDD687
400
#FCC045
500
#FBAA04
600
#C98803
700
#A16D03
800
#7D5502
900
#5B3F06
950
#392804

Contrast Checker

Text on white

1.39:1

AA Fail AAA Fail

Text on black

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