#D1D697

#D1D697

Color Values

HEX

#D1D697

RGB

209, 214, 151

HSL

64.8, 43.4%, 71.6%

HSV

64.8, 29.4%, 83.9%

CMYK

2.3%, 0.0%, 29.4%, 16.1%

OKLCH

0.8571 0.0825 111.8

Properties

Cool Light Nearest: palegoldenrod

Color Harmonies

Complementary

#D1D697

#9C97D6

Analogous

#D6BC97

#B2D697

#D1D697

Triadic

#D1D697

#97D1D6

#D697D1

Split Complementary

#D1D697

#97B2D6

#BC97D6

Tetradic

#D1D697

#97D6BC

#9C97D6

#D697B2

Color Blindness Simulation

Original

#D1D697

Protanopia

#D3D3A6

Deuteranopia

#D3D2AA

Tritanopia

#D1B2B5

Achromatopsia

#D0D0D0

CSS Usage

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

Tailwind Shades

50
#FAFAF5
100
#F3F4E7
200
#E8EBCC
300
#D8DCA7
400
#C3CA78
500
#AEB748
600
#8B923A
700
#6F752E
800
#575B24
900
#40431E
950
#292B13

Contrast Checker

Text on white

1.52:1

AA Fail AAA Fail

Text on black

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