#D9DC97

#D9DC97

Color Values

HEX

#D9DC97

RGB

217, 220, 151

HSL

62.6, 49.6%, 72.7%

HSV

62.6, 31.4%, 86.3%

CMYK

1.4%, 0.0%, 31.4%, 13.7%

OKLCH

0.876 0.0891 110.2

Properties

Cool Light Nearest: palegoldenrod

Color Harmonies

Complementary

#D9DC97

#9A97DC

Analogous

#DCBC97

#B6DC97

#D9DC97

Triadic

#D9DC97

#97D9DC

#DC97D9

Split Complementary

#D9DC97

#97B6DC

#BC97DC

Tetradic

#D9DC97

#97DCBC

#9A97DC

#DC97B6

Color Blindness Simulation

Original

#D9DC97

Protanopia

#DADAA8

Deuteranopia

#DADAAC

Tritanopia

#D9B5B8

Achromatopsia

#D6D6D6

CSS Usage

background-color: #D9DC97;
color: #D9DC97;
border-color: #D9DC97;
Nearest Tailwind: Yellow 100 #FEF9C3

Tailwind Shades

50
#FAFBF4
100
#F4F5E6
200
#EBEDCA
300
#DEE0A3
400
#CBCF72
500
#B9BF40
600
#949933
700
#777A29
800
#5D5F20
900
#44461B
950
#2B2C11

Contrast Checker

Text on white

1.43:1

AA Fail AAA Fail

Text on black

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