#DCC7AF

#DCC7AF

Color Values

HEX

#DCC7AF

RGB

220, 199, 175

HSL

32,0, 39,1%, 77,5%

HSV

32,0, 20,5%, 86,3%

CMYK

0,0%, 9,5%, 20,5%, 13,7%

OKLCH

0,8409 0,0402 71,0

Properties

Warm Light Nearest: bisque 3

Color Harmonies

Complementary

#DCC7AF

#AFC4DC

Analogous

#DCB1AF

#DBDCAF

#DCC7AF

Triadic

#DCC7AF

#AFDCC7

#C7AFDC

Split Complementary

#DCC7AF

#AFDBDC

#B1AFDC

Tetradic

#DCC7AF

#AFDCB1

#AFC4DC

#DCAFDB

Color Blindness Simulation

Original

#DCC7AF

Protanopia

#D3D3B5

Deuteranopia

#D4D6B6

Tritanopia

#DBB9BA

Achromatopsia

#CACACA

CSS Usage

background-color: #DCC7AF;
color: #DCC7AF;
border-color: #DCC7AF;
Nearest Tailwind: Orange 100 #FFEDD5

Tailwind Shades

50
#FAF8F5
100
#F3EEE7
200
#E9DCCD
300
#DAC3AA
400
#C6A37C
500
#B1834E
600
#8E693E
700
#725432
800
#594127
900
#41321F
950
#291F14

Contrast Checker

Text on white

1,64:1

AA Fail AAA Fail

Text on black

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