#DCC899

#DCC899

Color Values

HEX

#DCC899

RGB

220, 200, 153

HSL

42,1, 48,9%, 73,1%

HSV

42,1, 30,5%, 86,3%

CMYK

0,0%, 9,1%, 30,5%, 13,7%

OKLCH

0,838 0,0658 87,6

Properties

Warm Light Nearest: Gold

Color Harmonies

Complementary

#DCC899

#99ADDC

Analogous

#DCA699

#CEDC99

#DCC899

Triadic

#DCC899

#99DCC8

#C899DC

Split Complementary

#DCC899

#99CEDC

#A699DC

Tetradic

#DCC899

#99DCA6

#99ADDC

#DC99CE

Color Blindness Simulation

Original

#DCC899

Protanopia

#D3D3A4

Deuteranopia

#D4D6A7

Tritanopia

#DBADAF

Achromatopsia

#C9C9C9

CSS Usage

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

Tailwind Shades

50
#FBF9F4
100
#F5F0E6
200
#EDE2CA
300
#E0CEA4
400
#CFB373
500
#BE9941
600
#987A34
700
#7A622A
800
#5F4C21
900
#46391B
950
#2C2411

Contrast Checker

Text on white

1,65:1

AA Fail AAA Fail

Text on black

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