#D5DA97

#D5DA97

Color Values

HEX

#D5DA97

RGB

213, 218, 151

HSL

64.5, 47.5%, 72.4%

HSV

64.5, 30.7%, 85.5%

CMYK

2.3%, 0.0%, 30.7%, 14.5%

OKLCH

0.8687 0.0871 111.7

Properties

Cool Light Nearest: palegoldenrod

Color Harmonies

Complementary

#D5DA97

#9C97DA

Analogous

#DABE97

#B4DA97

#D5DA97

Triadic

#D5DA97

#97D5DA

#DA97D5

Split Complementary

#D5DA97

#97B4DA

#BE97DA

Tetradic

#D5DA97

#97DABE

#9C97DA

#DA97B4

Color Blindness Simulation

Original

#D5DA97

Protanopia

#D7D7A7

Deuteranopia

#D7D6AB

Tritanopia

#D5B4B7

Achromatopsia

#D4D4D4

CSS Usage

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

Tailwind Shades

50
#FAFAF4
100
#F3F4E6
200
#EAECCA
300
#DBDFA5
400
#C7CD74
500
#B3BC43
600
#8F9636
700
#73782B
800
#595E21
900
#42451C
950
#2A2C12

Contrast Checker

Text on white

1.47:1

AA Fail AAA Fail

Text on black

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