#DCD569

#DCD569

Color Values

HEX

#DCD569

RGB

220, 213, 105

HSL

56.3, 62.2%, 63.7%

HSV

56.3, 52.3%, 86.3%

CMYK

0.0%, 3.2%, 52.3%, 13.7%

OKLCH

0.8569 0.1304 105.5

Properties

Warm Light Nearest: khaki 2

Color Harmonies

Complementary

#DCD569

#6970DC

Analogous

#DC9B69

#AADC69

#DCD569

Triadic

#DCD569

#69DCD5

#D569DC

Split Complementary

#DCD569

#69AADC

#9B69DC

Tetradic

#DCD569

#69DC9B

#6970DC

#DC69AA

Color Blindness Simulation

Original

#DCD569

Protanopia

#D9D983

Deuteranopia

#D9DA89

Tritanopia

#DC989C

Achromatopsia

#CFCFCF

CSS Usage

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

Tailwind Shades

50
#FBFBF3
100
#F7F5E4
200
#F2EFC5
300
#E8E39C
400
#DBD466
500
#CFC530
600
#A59E27
700
#847E1F
800
#676318
900
#4C4815
950
#302E0D

Contrast Checker

Text on white

1.53:1

AA Fail AAA Fail

Text on black

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