Hex Color #DDC1A7 - Custom Color

Color Codes

HEX

#DDC1A7

RGB

rgb(221, 193, 167)

HSL

hsl(29, 44%, 76%)

CMYK

cmyk(0%, 13%, 24%, 13%)

HSV

hsv(29, 24%, 87%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#DDA7A8 #DDC1A7 #DDDCA7

Triadic

#DDC1A7 #A7DDC1 #C1A7DD

Split Complementary

#DDC1A7 #A7DDDC #A7A8DD

Tetradic (Square)

#DDC1A7 #A8DDA7 #A7C3DD #DCA7DD

Complementary

#DDC1A7 #A7C3DD

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.71:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 12.26:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Recommended Text Color

For best readability on this background color, use black text.

Color in Use

Card with colored border

Background with 20% opacity

CSS Code

.element {

background-color: #DDC1A7;

color: #DDC1A7;

border-color: #DDC1A7;

}

Tailwind CSS (with arbitrary values)

bg-[#DDC1A7]

text-[#DDC1A7]

border-[#DDC1A7]

// Example usage: