#DCD766

#DCD766

Color Values

HEX

#DCD766

RGB

220, 215, 102

HSL

57.5, 62.8%, 63.1%

HSV

57.5, 53.6%, 86.3%

CMYK

0.0%, 2.3%, 53.6%, 13.7%

OKLCH

0.8608 0.1353 106.6

Properties

Warm Light Nearest: khaki 2

Color Harmonies

Complementary

#DCD766

#666BDC

Analogous

#DC9C66

#A6DC66

#DCD766

Triadic

#DCD766

#66DCD7

#D766DC

Split Complementary

#DCD766

#66A6DC

#9C66DC

Tetradic

#DCD766

#66DC9C

#666BDC

#DC66A6

Color Blindness Simulation

Original

#DCD766

Protanopia

#DADA81

Deuteranopia

#DADA88

Tritanopia

#DC979C

Achromatopsia

#D0D0D0

CSS Usage

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

Tailwind Shades

50
#FBFBF3
100
#F7F6E4
200
#F2F0C5
300
#E8E59B
400
#DCD765
500
#D0C92F
600
#A6A126
700
#85811E
800
#686418
900
#4C4A15
950
#302E0D

Contrast Checker

Text on white

1.5:1

AA Fail AAA Fail

Text on black

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