#D5DF9C

#D5DF9C

Color Values

HEX

#D5DF9C

RGB

213, 223, 156

HSL

69.0, 51.1%, 74.3%

HSV

69.0, 30.0%, 87.5%

CMYK

4.5%, 0.0%, 30.0%, 12.5%

OKLCH

0.8801 0.0877 115.1

Properties

Cool Light Nearest: palegoldenrod

Color Harmonies

Complementary

#D5DF9C

#A69CDF

Analogous

#DFC89C

#B3DF9C

#D5DF9C

Triadic

#D5DF9C

#9CD5DF

#DF9CD5

Split Complementary

#D5DF9C

#9CB3DF

#C89CDF

Tetradic

#D5DF9C

#9CDFC8

#A69CDF

#DF9CB3

Color Blindness Simulation

Original

#D5DF9C

Protanopia

#D9D9AC

Deuteranopia

#D9D8B0

Tritanopia

#D6B9BC

Achromatopsia

#D8D8D8

CSS Usage

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

Tailwind Shades

50
#FAFBF4
100
#F3F5E5
200
#E8EEC9
300
#D8E1A3
400
#C2D170
500
#ADC13E
600
#8A9A32
700
#6F7B28
800
#57601F
900
#40471A
950
#282D11

Contrast Checker

Text on white

1.41:1

AA Fail AAA Fail

Text on black

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