#DCD169

#DCD169

Color Values

HEX

#DCD169

RGB

220, 209, 105

HSL

54.3, 62.2%, 63.7%

HSV

54.3, 52.3%, 86.3%

CMYK

0.0%, 5.0%, 52.3%, 13.7%

OKLCH

0.8486 0.1264 103.3

Properties

Warm Light Nearest: khaki 2

Color Harmonies

Complementary

#DCD169

#6974DC

Analogous

#DC9769

#ADDC69

#DCD169

Triadic

#DCD169

#69DCD1

#D169DC

Split Complementary

#DCD169

#69ADDC

#9769DC

Tetradic

#DCD169

#69DC97

#6974DC

#DC69AD

Color Blindness Simulation

Original

#DCD169

Protanopia

#D7D782

Deuteranopia

#D8D988

Tritanopia

#DB969A

Achromatopsia

#CCCCCC

CSS Usage

background-color: #DCD169;
color: #DCD169;
border-color: #DCD169;
Nearest Tailwind: Amber 200 #FDE68A

Tailwind Shades

50
#FBFBF3
100
#F7F5E4
200
#F2EDC5
300
#E8E19C
400
#DBD066
500
#CFC030
600
#A59927
700
#847B1F
800
#676018
900
#4C4615
950
#302C0D

Contrast Checker

Text on white

1.57:1

AA Fail AAA Fail

Text on black

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