#D7D998

#D7D998

Color Values

HEX

#D7D998

RGB

215, 217, 152

HSL

61.8, 46.1%, 72.4%

HSV

61.8, 30.0%, 85.1%

CMYK

0.9%, 0.0%, 30.0%, 14.9%

OKLCH

0.8684 0.0844 109.5

Properties

Cool Light Nearest: palegoldenrod

Color Harmonies

Complementary

#D7D998

#9A98D9

Analogous

#D9BB98

#B7D998

#D7D998

Triadic

#D7D998

#98D7D9

#D998D7

Split Complementary

#D7D998

#98B7D9

#BB98D9

Tetradic

#D7D998

#98D9BB

#9A98D9

#D998B7

Color Blindness Simulation

Original

#D7D998

Protanopia

#D8D8A8

Deuteranopia

#D8D8AC

Tritanopia

#D7B4B7

Achromatopsia

#D4D4D4

CSS Usage

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

Tailwind Shades

50
#FAFAF4
100
#F4F4E6
200
#EBECCB
300
#DCDEA6
400
#CACC75
500
#B7BA45
600
#929537
700
#75772C
800
#5B5D22
900
#43451C
950
#2B2B12

Contrast Checker

Text on white

1.47:1

AA Fail AAA Fail

Text on black

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