#D7CF64

#D7CF64

Color Values

HEX

#D7CF64

RGB

215, 207, 100

HSL

55.8, 59.0%, 61.8%

HSV

55.8, 53.5%, 84.3%

CMYK

0.0%, 3.7%, 53.5%, 15.7%

OKLCH

0.8396 0.1293 104.9

Properties

Warm Light Nearest: khaki 2

Color Harmonies

Complementary

#D7CF64

#646CD7

Analogous

#D79664

#A6D764

#D7CF64

Triadic

#D7CF64

#64D7CF

#CF64D7

Split Complementary

#D7CF64

#64A6D7

#9664D7

Tetradic

#D7CF64

#64D796

#646CD7

#D764A6

Color Blindness Simulation

Original

#D7CF64

Protanopia

#D4D37E

Deuteranopia

#D4D584

Tritanopia

#D79297

Achromatopsia

#C9C9C9

CSS Usage

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

Tailwind Shades

50
#FBFBF4
100
#F6F5E4
200
#F0EDC6
300
#E6E19E
400
#D8D169
500
#CBC034
600
#A29A2A
700
#827B21
800
#65601A
900
#4A4717
950
#2F2D0E

Contrast Checker

Text on white

1.62:1

AA Fail AAA Fail

Text on black

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