#DCD3B3

#DCD3B3

Color Values

HEX

#DCD3B3

RGB

220, 211, 179

HSL

46.8, 36.9%, 78.2%

HSV

46.8, 18.6%, 86.3%

CMYK

0.0%, 4.1%, 18.6%, 13.7%

OKLCH

0.8658 0.0438 94.1

Properties

Warm Light Nearest: lightyellow 3

Color Harmonies

Complementary

#DCD3B3

#B3BCDC

Analogous

#DCBEB3

#D0DCB3

#DCD3B3

Triadic

#DCD3B3

#B3DCD3

#D3B3DC

Split Complementary

#DCD3B3

#B3D0DC

#BEB3DC

Tetradic

#DCD3B3

#B3DCBE

#B3BCDC

#DCB3D0

Color Blindness Simulation

Original

#DCD3B3

Protanopia

#D8D8BB

Deuteranopia

#D9D9BD

Tritanopia

#DCC1C2

Achromatopsia

#D3D3D3

CSS Usage

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

Tailwind Shades

50
#FAF9F5
100
#F3F0E8
200
#E8E3CE
300
#D8CEAB
400
#C3B47E
500
#AF9A50
600
#8C7B40
700
#706233
800
#574D28
900
#413920
950
#292414

Contrast Checker

Text on white

1.5:1

AA Fail AAA Fail

Text on black

14.01:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

1月 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1月 21, 2026
Tutorials

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

1月 18, 2026