#D7D976

#D7D976

Color Values

HEX

#D7D976

RGB

215, 217, 118

HSL

61.2, 56.6%, 65.7%

HSV

61.2, 45.6%, 85.1%

CMYK

0.9%, 0.0%, 45.6%, 14.9%

OKLCH

0.8629 0.1225 109.7

Properties

Cool Light Nearest: khaki 2

Color Harmonies

Complementary

#D7D976

#7876D9

Analogous

#D9AA76

#A6D976

#D7D976

Triadic

#D7D976

#76D7D9

#D976D7

Split Complementary

#D7D976

#76A6D9

#AA76D9

Tetradic

#D7D976

#76D9AA

#7876D9

#D976A6

Color Blindness Simulation

Original

#D7D976

Protanopia

#D8D88E

Deuteranopia

#D8D894

Tritanopia

#D7A1A5

Achromatopsia

#D1D1D1

CSS Usage

background-color: #D7D976;
color: #D7D976;
border-color: #D7D976;
Nearest Tailwind: Yellow 200 #FEF08A

Tailwind Shades

50
#FBFBF4
100
#F5F6E5
200
#EFF0C7
300
#E3E49F
400
#D4D66B
500
#C5C837
600
#9DA02C
700
#7E8023
800
#62641C
900
#484918
950
#2E2E0F

Contrast Checker

Text on white

1.49:1

AA Fail AAA Fail

Text on black

14.08:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026