#D9D486

#D9D486

Color Values

HEX

#D9D486

RGB

217, 212, 134

HSL

56.4, 52.2%, 68.8%

HSV

56.4, 38.2%, 85.1%

CMYK

0.0%, 2.3%, 38.2%, 14.9%

OKLCH

0.8564 0.0993 105.1

Properties

Warm Light Nearest: khaki 3

Color Harmonies

Complementary

#D9D486

#868BD9

Analogous

#D9AA86

#B4D986

#D9D486

Triadic

#D9D486

#86D9D4

#D486D9

Split Complementary

#D9D486

#86B4D9

#AA86D9

Tetradic

#D9D486

#86D9AA

#868BD9

#D986B4

Color Blindness Simulation

Original

#D9D486

Protanopia

#D7D799

Deuteranopia

#D7D79D

Tritanopia

#D9A8AB

Achromatopsia

#CFCFCF

CSS Usage

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

Tailwind Shades

50
#FBFAF4
100
#F5F4E5
200
#EEECC9
300
#E2DEA2
400
#D2CC6F
500
#C2BA3D
600
#9B9531
700
#7C7727
800
#615D1E
900
#47441A
950
#2D2B10

Contrast Checker

Text on white

1.53:1

AA Fail AAA Fail

Text on black

13.71:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026