#D7D368

#D7D368

Color Values

HEX

#D7D368

RGB

215, 211, 104

HSL

57.8, 58.1%, 62.5%

HSV

57.8, 51.6%, 84.3%

CMYK

0.0%, 1.9%, 51.6%, 15.7%

OKLCH

0.8484 0.1297 106.9

Properties

Warm Light Nearest: khaki 2

Color Harmonies

Complementary

#D7D368

#686CD7

Analogous

#D79B68

#A3D768

#D7D368

Triadic

#D7D368

#68D7D3

#D368D7

Split Complementary

#D7D368

#68A3D7

#9B68D7

Tetradic

#D7D368

#68D79B

#686CD7

#D768A3

Color Blindness Simulation

Original

#D7D368

Protanopia

#D5D582

Deuteranopia

#D6D688

Tritanopia

#D7969B

Achromatopsia

#CCCCCC

CSS Usage

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

Tailwind Shades

50
#FBFBF4
100
#F6F5E4
200
#F0EFC7
300
#E5E39E
400
#D7D36A
500
#CAC435
600
#A19D2B
700
#817E22
800
#65621B
900
#4A4817
950
#2F2D0F

Contrast Checker

Text on white

1.57:1

AA Fail AAA Fail

Text on black

13.41:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026