#DCD969

#DCD969

Color Values

HEX

#DCD969

RGB

220, 217, 105

HSL

58.4, 62.2%, 63.7%

HSV

58.4, 52.3%, 86.3%

CMYK

0.0%, 1.4%, 52.3%, 13.7%

OKLCH

0.8653 0.1346 107.5

Properties

Warm Light Nearest: khaki 2

Color Harmonies

Complementary

#DCD969

#696CDC

Analogous

#DC9F69

#A6DC69

#DCD969

Triadic

#DCD969

#69DCD9

#D969DC

Split Complementary

#DCD969

#69A6DC

#9F69DC

Tetradic

#DCD969

#69DC9F

#696CDC

#DC69A6

Color Blindness Simulation

Original

#DCD969

Protanopia

#DBDB84

Deuteranopia

#DBDB8B

Tritanopia

#DC9A9E

Achromatopsia

#D2D2D2

CSS Usage

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

Tailwind Shades

50
#FBFBF3
100
#F7F6E4
200
#F2F0C5
300
#E8E69C
400
#DBD866
500
#CFCB30
600
#A5A227
700
#84821F
800
#676518
900
#4C4A15
950
#302F0D

Contrast Checker

Text on white

1.48:1

AA Fail AAA Fail

Text on black

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