#DCC5BC

#DCC5BC

Color Values

HEX

#DCC5BC

RGB

220, 197, 188

HSL

16.9, 31.4%, 80.0%

HSV

16.9, 14.5%, 86.3%

CMYK

0.0%, 10.5%, 14.5%, 13.7%

OKLCH

0.8402 0.0289 42.6

Properties

Warm Light Nearest: seashell 3

Color Harmonies

Complementary

#DCC5BC

#BCD3DC

Analogous

#DCBCC3

#DCD5BC

#DCC5BC

Triadic

#DCC5BC

#BCDCC5

#C5BCDC

Split Complementary

#DCC5BC

#BCDCD5

#BCC3DC

Tetradic

#DCC5BC

#C3DCBC

#BCD3DC

#D5BCDC

Color Blindness Simulation

Original

#DCC5BC

Protanopia

#D2D2BE

Deuteranopia

#D3D5BF

Tritanopia

#DBC0C0

Achromatopsia

#C9C9C9

CSS Usage

background-color: #DCC5BC;
color: #DCC5BC;
border-color: #DCC5BC;
Nearest Tailwind: Stone 300 #D6D3D1

Tailwind Shades

50
#F9F6F5
100
#F2EBE8
200
#E7D6D0
300
#D5B9AF
400
#BE9483
500
#A86E57
600
#865846
700
#6B4638
800
#54372C
900
#3E2A23
950
#271B16

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

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