#DCCC79

#DCCC79

Color Values

HEX

#DCCC79

RGB

220, 204, 121

HSL

50.3, 58.6%, 66.9%

HSV

50.3, 45.0%, 86.3%

CMYK

0.0%, 7.3%, 45.0%, 13.7%

OKLCH

0.8405 0.1055 98.7

Properties

Warm Light Nearest: khaki 3

Color Harmonies

Complementary

#DCCC79

#7989DC

Analogous

#DC9B79

#BBDC79

#DCCC79

Triadic

#DCCC79

#79DCCC

#CC79DC

Split Complementary

#DCCC79

#79BBDC

#9B79DC

Tetradic

#DCCC79

#79DC9B

#7989DC

#DC79BB

Color Blindness Simulation

Original

#DCCC79

Protanopia

#D5D58D

Deuteranopia

#D6D792

Tritanopia

#DB9DA0

Achromatopsia

#C9C9C9

CSS Usage

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

Tailwind Shades

50
#FBFAF4
100
#F6F3E4
200
#F0E9C6
300
#E6DA9E
400
#D8C669
500
#CAB235
600
#A28E2A
700
#817222
800
#65591A
900
#4A4217
950
#2F2A0E

Contrast Checker

Text on white

1.62:1

AA Fail AAA Fail

Text on black

12.96:1

AA Pass AAA Pass

Related Articles

Tutorials

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

1月 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

1月 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

1月 15, 2026