#DCB679

#DCB679

Color Values

HEX

#DCB679

RGB

220, 182, 121

HSL

37.0, 58.6%, 66.9%

HSV

37.0, 45.0%, 86.3%

CMYK

0.0%, 17.3%, 45.0%, 13.7%

OKLCH

0.7962 0.0899 78.8

Properties

Warm Light Nearest: burlywood

Color Harmonies

Complementary

#DCB679

#799FDC

Analogous

#DC8579

#D1DC79

#DCB679

Triadic

#DCB679

#79DCB6

#B679DC

Split Complementary

#DCB679

#79D1DC

#8579DC

Tetradic

#DCB679

#79DC85

#799FDC

#DC79D1

Color Blindness Simulation

Original

#DCB679

Protanopia

#CCCB88

Deuteranopia

#CED18B

Tritanopia

#DA9396

Achromatopsia

#BABABA

CSS Usage

background-color: #DCB679;
color: #DCB679;
border-color: #DCB679;
Nearest Tailwind: Orange 300 #FDBA74

Tailwind Shades

50
#FBF8F4
100
#F6EFE4
200
#F0E0C6
300
#E6CA9E
400
#D8AE69
500
#CA9135
600
#A2742A
700
#815D22
800
#65481A
900
#4A3617
950
#2F220E

Contrast Checker

Text on white

1.91:1

AA Fail AAA Fail

Text on black

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