Maroon Colors  ·  Color Library

Palettes / Colors / #EDD4E1

#EDD4E1 — Pale Muted Pink

#EDD4E1 is a pink color we call Pale Muted Pink, closest to the named color Gainsboro (#DCDCDC). It belongs to the pink family.

#EDD4E1 is a warm-leaning pink color associated with playfulness, romance and softness. It is light enough to work as a background or base color, with darker text on top.

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

#EDD4E1 · RGB 237, 212, 225

Download PNG swatch SVG

Color values

HEX#EDD4E1
RGB237, 212, 225
HSL329°, 41%, 88%
HSV329°, 11%, 93%
CMYK0%, 11%, 5%, 7%
XYZ72.06, 70.53, 81.05
Yxy70.53, 0.3222, 0.3154
CIE-Lab87.26, 10.85, -3.23
Hunter Lab83.98, 10.85, -3.12

RGB & CMYK percentages

Red 93% · Green 83% · Blue 88%

Cyan 0% · Magenta 11% · Yellow 5% · Key 7%

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

Previews

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

CSS code for #EDD4E1

.text { color: #EDD4E1; }
.background { background-color: #EDD4E1; }
.border { border: 3px solid #EDD4E1; }
.text-rgb { color: rgb(237, 212, 225); }
.text-hsl { color: hsl(329, 41%, 88%); }
.text-shadow-hex { text-shadow: 4px 4px 2px #EDD4E1; }
.text-shadow-rgba { text-shadow: 4px 4px 2px rgba(237, 212, 225, 0.8); }
.box-shadow-hex { box-shadow: 1px 1px 3px 2px #EDD4E1; }
.box-shadow-rgba { box-shadow: 1px 1px 3px 2px rgba(237, 212, 225, 0.8); }

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

Shades of #EDD4E1

#E1B7CD#D397B6#C77AA2#BA5A8B#A54577#893962#682C4B#4C2036#2B121F#0E060A

Tints of #EDD4E1

#EED7E3#F0DBE6#F0DBE6#F1DFE8#F3E2EB#F4E6ED#F6E9F0#F6E9F0#F7EDF2#F9F1F5

Tones of #EDD4E1

#EBD6E1#E9D8E1#E7D9E1#E6DBE1#E4DDE1#E2DFE0

Color harmonies

Complementary — #D4EDE0:

Analogous:

Triadic:

Contrast & accessibility

Against white text1.39:1 Fails
Against black text15.11:1 AAA

Best text color on #EDD4E1: #000000.

How #EDD4E1 looks with color blindness

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

Protanopia · #E2E2DEDeuteranopia · #E4E5DDTritanopia · #ECDBDB

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:

Bootstrap light · #F8F9FAMaterial Grey 500 · #9E9E9ETailwind fuchsia 500 · #D946EF

Palettes with a similar color

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

Dusty Ruby Drift
#B1357A · #7FB937 · #4C92CA · #EDD6E1
Rustic Ruby Opal
#EFD7DE · #D9A6B5 · #AC4E69 · #7D3147
Electric Ruby Twilight
#782D47 · #79BE52 · #6789C6 · #EAD8E0
Crystal Ruby Ember
#EDD9E0 · #BF5F80 · #9C4563 · #4F2131
Lucky Ruby Mosaic
#EAD2DD · #D289AA · #BD5C88 · #A53C6B
Tender Ruby Bloom
#AD3142 · #49C137 · #3446B8 · #EED7DC

Similar colors

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

#EDD6E1#EFD7DE#EAD8E0#EDD9E0#EAD2DD#EED7DC#F2D6E4#F3D2E0#F2D5DC#ECCFE6#EED3D9#E9D5DA

Browse neighbouring colors

← #EDD4E0  ·  #EDD4E2 →

Frequently asked questions

What color is #EDD4E1?

#EDD4E1 is Pale Muted Pink, a pink color (RGB 237, 212, 225). Its closest standard named color is Gainsboro.

What is the RGB and HSL of #EDD4E1?

#EDD4E1 is RGB 237, 212, 225 — HSL 329°, 41%, 88% — CMYK 0%, 11%, 5%, 7%.

What colors go with #EDD4E1?

Its complement is #D4EDE0; analogous partners are #EDD4ED and #EDD4D4. It also appears in 6+ palettes in our collection.

Can I use #EDD4E1 for text?

Black text on #EDD4E1 has a contrast ratio of 15.11:1 (passes WCAG AA); white text gives 1.39:1.