#DCD668

#DCD668

Color Values

HEX

#DCD668

RGB

220, 214, 104

HSL

56.9, 62.4%, 63.5%

HSV

56.9, 52.7%, 86.3%

CMYK

0.0%, 2.7%, 52.7%, 13.7%

OKLCH

0.8589 0.1324 106.0

Properties

Warm Light Nearest: khaki 2

Color Harmonies

Complementary

#DCD668

#686EDC

Analogous

#DC9C68

#A8DC68

#DCD668

Triadic

#DCD668

#68DCD6

#D668DC

Split Complementary

#DCD668

#68A8DC

#9C68DC

Tetradic

#DCD668

#68DC9C

#686EDC

#DC68A8

Color Blindness Simulation

Original

#DCD668

Protanopia

#D9D983

Deuteranopia

#DADA89

Tritanopia

#DC989C

Achromatopsia

#CFCFCF

CSS Usage

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

Tailwind Shades

50
#FBFBF3
100
#F7F6E4
200
#F2EFC5
300
#E8E49C
400
#DCD566
500
#CFC730
600
#A69F26
700
#857F1F
800
#686318
900
#4C4915
950
#302E0D

Contrast Checker

Text on white

1.51:1

AA Fail AAA Fail

Text on black

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