Maroon Colors  ·  Color Library

Palettes / Colors / #DDAFAF

#DDAFAF — Light Muted Red

#DDAFAF is a red color we call Light Muted Red, closest to the named color Tan (#D2B48C). It belongs to the red family.

#DDAFAF is a warm red color associated with energy, passion and urgency. It is light enough to work as a background or base color, with darker text on top.

Its strongest partner is its complement #B0DDDD; it also sits naturally between #DDB0C7 and #DDC7B0. In the palettes below you can see it working alongside real color combinations from our collection.

#DDAFAF · RGB 221, 175, 175

Download PNG swatch SVG

Color values

HEX#DDAFAF
RGB221, 175, 175
HSL0°, 40%, 78%
HSV0°, 21%, 87%
CMYK0%, 21%, 21%, 13%
XYZ52.89, 49.13, 47.25
Yxy49.13, 0.3543, 0.3291
CIE-Lab75.53, 16.72, 6.39
Hunter Lab70.09, 16.02, 5.48

RGB & CMYK percentages

Red 87% · Green 69% · Blue 69%

Cyan 0% · Magenta 21% · Yellow 21% · Key 13%

CMYK values are unprofiled approximations for screen reference — not a print-proofing guarantee.

Previews

Sample text in #DDAFAF on black
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Sample text in #DDAFAF on white
Lorem ipsum dolor sit amet, consectetur adipiscing elit.

CSS code for #DDAFAF

.text { color: #DDAFAF; }
.background { background-color: #DDAFAF; }
.border { border: 3px solid #DDAFAF; }
.text-rgb { color: rgb(221, 175, 175); }
.text-hsl { color: hsl(0, 40%, 78%); }
.text-shadow-hex { text-shadow: 4px 4px 2px #DDAFAF; }
.text-shadow-rgba { text-shadow: 4px 4px 2px rgba(221, 175, 175, 0.8); }
.box-shadow-hex { box-shadow: 1px 1px 3px 2px #DDAFAF; }
.box-shadow-rgba { box-shadow: 1px 1px 3px 2px rgba(221, 175, 175, 0.8); }

HTML: <p style="color:#DDAFAF">Text here</p> · <div style="background-color:#DDAFAF">Div content here</div>

Shades of #DDAFAF

#D39797#C67B7B#BC6262#AB4949#923F3F#793434#5D2828#441D1D#271111#0E0606

Tints of #DDAFAF

#E0B8B8#E3BFBF#E5C2C2#E8C9C9#EBD1D1#EED8D8#F1DFDF#F3E2E2#F6EAEA#F9F1F1

Tones of #DDAFAF

#DAB4B4#D7B7B7#D4BABA#D0BDBD#CDC1C1#CAC4C4

Color harmonies

Complementary — #B0DDDD:

Analogous:

Triadic:

Contrast & accessibility

Against white text1.94:1 Fails
Against black text10.83:1 AAA

Best text color on #DDAFAF: #000000.

How #DDAFAF looks with color blindness

Simulated with standard Machado color-vision-deficiency matrices — useful when this color carries meaning in charts, maps or interfaces:

Protanopia · #C9C9AFDeuteranopia · #CCCFAFTritanopia · #DBAFAF

Closest design-system colors

The nearest matches in the Tailwind CSS, Material Design and Bootstrap palettes — handy when you need a framework class instead of a raw hex:

Material Grey 500 · #9E9E9ETailwind pink 500 · #EC4899Bootstrap light · #F8F9FA

Palettes with a similar color

These palettes use a close neighbour of #DDAFAF rather than the exact color:

Palette 838383
#838383 · #AD9D9D · #D9ADAD · #FCCBCB
Mellow Ruby Dusk
#237C80 · #53D0C5 · #D25F59 · #E2AEAF
Palette A87676
#A87676 · #CA8787 · #E1ACAC · #FFD0D0
Palette 921a40
#921A40 · #C75B7A · #D9ABAB · #F4D9D0
Radiant Whisper
#E9C3C5 · #E4AFB2 · #BA5459 · #5A2628
Golden Ember
#DDAEA7 · #C47A6E · #88493F · #47251F

Similar colors

The closest colors that actually appear in our palette collection — click any to open its page:

#D9ADAD#E2AEAF#E1ACAC#D9ABAB#E4AFB2#DDAEA7#DEB6AB#DBB5B5#E0A8A8#D5B4B4#E7B3B3#D9A6B5

Browse neighbouring colors

← #DDAFAE  ·  #DDAFB0 →

Frequently asked questions

What color is #DDAFAF?

#DDAFAF is Light Muted Red, a red color (RGB 221, 175, 175). Its closest standard named color is Tan.

What is the RGB and HSL of #DDAFAF?

#DDAFAF is RGB 221, 175, 175 — HSL 0°, 40%, 78% — CMYK 0%, 21%, 21%, 13%.

What colors go with #DDAFAF?

Its complement is #B0DDDD; analogous partners are #DDB0C7 and #DDC7B0. It also appears in 6+ palettes in our collection.

Can I use #DDAFAF for text?

Black text on #DDAFAF has a contrast ratio of 10.83:1 (passes WCAG AA); white text gives 1.94:1.