#DCB4AF

#DCB4AF

Color Values

HEX

#DCB4AF

RGB

220, 180, 175

HSL

6.7, 39.1%, 77.5%

HSV

6.7, 20.5%, 86.3%

CMYK

0.0%, 18.2%, 20.5%, 13.7%

OKLCH

0.8039 0.0472 26.5

Properties

Warm Light Nearest: NCS S 0520-R Light Pink

Color Harmonies

Complementary

#DCB4AF

#AFD7DC

Analogous

#DCAFC1

#DCCBAF

#DCB4AF

Triadic

#DCB4AF

#AFDCB4

#B4AFDC

Split Complementary

#DCB4AF

#AFDCCB

#AFC1DC

Tetradic

#DCB4AF

#C1DCAF

#AFD7DC

#CBAFDC

Color Blindness Simulation

Original

#DCB4AF

Protanopia

#CBCAB0

Deuteranopia

#CDD0B0

Tritanopia

#DAB1B1

Achromatopsia

#BCBCBC

CSS Usage

background-color: #DCB4AF;
color: #DCB4AF;
border-color: #DCB4AF;
Nearest Tailwind: Red 200 #FECACA

Tailwind Shades

50
#FAF5F5
100
#F3E9E7
200
#E9D0CD
300
#DAAFAA
400
#C6847C
500
#B1594E
600
#8E473E
700
#723932
800
#592C27
900
#41231F
950
#291614

Contrast Checker

Text on white

1.88:1

AA Fail AAA Fail

Text on black

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