#DCC979

#DCC979

Color Values

HEX

#DCC979

RGB

220, 201, 121

HSL

48.5, 58.6%, 66.9%

HSV

48.5, 45.0%, 86.3%

CMYK

0.0%, 8.6%, 45.0%, 13.7%

OKLCH

0.8343 0.1027 96.4

Properties

Warm Light Nearest: lightgoldenrod 3

Color Harmonies

Complementary

#DCC979

#798CDC

Analogous

#DC9879

#BEDC79

#DCC979

Triadic

#DCC979

#79DCC9

#C979DC

Split Complementary

#DCC979

#79BEDC

#9879DC

Tetradic

#DCC979

#79DC98

#798CDC

#DC79BE

Color Blindness Simulation

Original

#DCC979

Protanopia

#D4D48C

Deuteranopia

#D5D691

Tritanopia

#DB9C9F

Achromatopsia

#C7C7C7

CSS Usage

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

Tailwind Shades

50
#FBFAF4
100
#F6F3E4
200
#F0E8C6
300
#E6D89E
400
#D8C369
500
#CAAE35
600
#A28B2A
700
#816F22
800
#65571A
900
#4A4017
950
#2F290E

Contrast Checker

Text on white

1.66:1

AA Fail AAA Fail

Text on black

12.67:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026