#DCA768

#DCA768

Color Values

HEX

#DCA768

RGB

220, 167, 104

HSL

32.6, 62.4%, 63.5%

HSV

32.6, 52.7%, 86.3%

CMYK

0.0%, 24.1%, 52.7%, 13.7%

OKLCH

0.7643 0.1017 70.1

Properties

Warm Light Nearest: NCS S 1040-Y40R Peach

Color Harmonies

Complementary

#DCA768

#689DDC

Analogous

#DC6D68

#D7DC68

#DCA768

Triadic

#DCA768

#68DCA7

#A768DC

Split Complementary

#DCA768

#68D7DC

#6D68DC

Tetradic

#DCA768

#68DC6D

#689DDC

#DC68D7

Color Blindness Simulation

Original

#DCA768

Protanopia

#C5C577

Deuteranopia

#C8CC7B

Tritanopia

#D98386

Achromatopsia

#AEAEAE

CSS Usage

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

Tailwind Shades

50
#FBF8F3
100
#F7EEE4
200
#F2DDC5
300
#E8C59C
400
#DCA666
500
#CF8630
600
#A66C26
700
#85561F
800
#684318
900
#4C3315
950
#30200D

Contrast Checker

Text on white

2.15:1

AA Fail AAA Fail

Text on black

9.77:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026