#D7D399

#D7D399

Color Values

HEX

#D7D399

RGB

215, 211, 153

HSL

56.1, 43.7%, 72.2%

HSV

56.1, 28.8%, 84.3%

CMYK

0.0%, 1.9%, 28.8%, 15.7%

OKLCH

0.8561 0.0759 104.6

Properties

Warm Light Nearest: palegoldenrod

Color Harmonies

Complementary

#D7D399

#999DD7

Analogous

#D7B499

#BCD799

#D7D399

Triadic

#D7D399

#99D7D3

#D399D7

Split Complementary

#D7D399

#99BCD7

#B499D7

Tetradic

#D7D399

#99D7B4

#999DD7

#D799BC

Color Blindness Simulation

Original

#D7D399

Protanopia

#D5D5A7

Deuteranopia

#D6D6AA

Tritanopia

#D7B2B5

Achromatopsia

#D0D0D0

CSS Usage

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

Tailwind Shades

50
#FAFAF5
100
#F4F3E7
200
#EBE9CC
300
#DDD9A7
400
#CAC577
500
#B7B048
600
#938D39
700
#75712E
800
#5C5824
900
#44411D
950
#2B2913

Contrast Checker

Text on white

1.54:1

AA Fail AAA Fail

Text on black

13.67:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026