#DCD867

#DCD867

Color Values

HEX

#DCD867

RGB

220, 216, 103

HSL

57.9, 62.6%, 63.3%

HSV

57.9, 53.2%, 86.3%

CMYK

0.0%, 1.8%, 53.2%, 13.7%

OKLCH

0.863 0.1354 107.1

Properties

Warm Light Nearest: khaki 2

Color Harmonies

Complementary

#DCD867

#676BDC

Analogous

#DC9D67

#A6DC67

#DCD867

Triadic

#DCD867

#67DCD8

#D867DC

Split Complementary

#DCD867

#67A6DC

#9D67DC

Tetradic

#DCD867

#67DC9D

#676BDC

#DC67A6

Color Blindness Simulation

Original

#DCD867

Protanopia

#DADA82

Deuteranopia

#DADB89

Tritanopia

#DC989D

Achromatopsia

#D1D1D1

CSS Usage

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

Tailwind Shades

50
#FBFBF3
100
#F7F6E4
200
#F2F0C5
300
#E8E59B
400
#DCD866
500
#CFCA30
600
#A6A126
700
#85811F
800
#686518
900
#4C4A15
950
#302F0D

Contrast Checker

Text on white

1.49:1

AA Fail AAA Fail

Text on black

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