#DCC89D

#DCC89D

Color Values

HEX

#DCC89D

RGB

220, 200, 157

HSL

41,0, 47,4%, 73,9%

HSV

41,0, 28,6%, 86,3%

CMYK

0,0%, 9,1%, 28,6%, 13,7%

OKLCH

0,8388 0,0612 85,9

Properties

Warm Light Nearest: navajowhite 2

Color Harmonies

Complementary

#DCC89D

#9DB1DC

Analogous

#DCA89D

#D0DC9D

#DCC89D

Triadic

#DCC89D

#9DDCC8

#C89DDC

Split Complementary

#DCC89D

#9DD0DC

#A89DDC

Tetradic

#DCC89D

#9DDCA8

#9DB1DC

#DC9DD0

Color Blindness Simulation

Original

#DCC89D

Protanopia

#D3D3A7

Deuteranopia

#D4D6AA

Tritanopia

#DBB0B1

Achromatopsia

#C9C9C9

CSS Usage

background-color: #DCC89D;
color: #DCC89D;
border-color: #DCC89D;
Nearest Tailwind: Orange 200 #FED7AA

Tailwind Shades

50
#FAF8F4
100
#F4F0E6
200
#ECE2CA
300
#DFCCA5
400
#CDB174
500
#BC9643
600
#967836
700
#78602B
800
#5E4B22
900
#45381C
950
#2C2312

Contrast Checker

Text on white

1,64:1

AA Fail AAA Fail

Text on black

12,79: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