#DDC8AF

#DDC8AF

Color Values

HEX

#DDC8AF

RGB

221, 200, 175

HSL

32,6, 40,4%, 77,6%

HSV

32,6, 20,8%, 86,7%

CMYK

0,0%, 9,5%, 20,8%, 13,3%

OKLCH

0,8437 0,0412 72,1

Properties

Warm Light Nearest: bisque 2

Color Harmonies

Complementary

#DDC8AF

#AFC4DD

Analogous

#DDB1AF

#DBDDAF

#DDC8AF

Triadic

#DDC8AF

#AFDDC8

#C8AFDD

Split Complementary

#DDC8AF

#AFDBDD

#B1AFDD

Tetradic

#DDC8AF

#AFDDB1

#AFC4DD

#DDAFDB

Color Blindness Simulation

Original

#DDC8AF

Protanopia

#D4D4B5

Deuteranopia

#D5D7B6

Tritanopia

#DCBABB

Achromatopsia

#CBCBCB

CSS Usage

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

Tailwind Shades

50
#FAF8F5
100
#F3EEE7
200
#EADDCD
300
#DBC4A9
400
#C7A47B
500
#B3844C
600
#8F6A3D
700
#735431
800
#5A4226
900
#42321F
950
#2A2013

Contrast Checker

Text on white

1,62:1

AA Fail AAA Fail

Text on black

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