Maroon Colors  ·  Color Library

Palettes / Colors / #EFD2DA

#EFD2DA — Pale Muted Pink

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

Color name

Closest CSS keyword: gainsboro (#DCDCDC) — not an exact match. CSS gainsboro gives you #DCDCDC, a different color; use #EFD2DA when you need this exact shade.

Sources: common names follow widely used color-name references; CSS keywords and their hex values follow the CSS Color specification.

#EFD2DA 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 #D2EFE7; it also sits naturally between #EFD2E9 and #EFD8D2. In the palettes below you can see it working alongside real color combinations from our collection.

#EFD2DA · RGB 239, 210, 218

Download PNG swatch SVG

Color values

HEX#EFD2DA
RGB239, 210, 218
HSL343°, 48%, 88%
HSV343°, 12%, 94%
CMYK0%, 12%, 9%, 6%
XYZ71.30, 69.51, 75.99
Yxy69.51, 0.3289, 0.3206
CIE-Lab86.75, 11.40, -0.24
Hunter Lab83.37, 11.39, -0.23

RGB & CMYK percentages

Red 94% · Green 82% · Blue 85%

Cyan 0% · Magenta 12% · Yellow 9% · Key 6%

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

Previews

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

CSS code for #EFD2DA

.text { color: #EFD2DA; }
.background { background-color: #EFD2DA; }
.border { border: 3px solid #EFD2DA; }
.text-rgb { color: rgb(239, 210, 218); }
.text-hsl { color: hsl(343, 48%, 88%); }
.text-shadow-hex { text-shadow: 4px 4px 2px #EFD2DA; }
.text-shadow-rgba { text-shadow: 4px 4px 2px rgba(239, 210, 218, 0.8); }
.box-shadow-hex { box-shadow: 1px 1px 3px 2px #EFD2DA; }
.box-shadow-rgba { box-shadow: 1px 1px 3px 2px rgba(239, 210, 218, 0.8); }

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

Shades of #EFD2DA

#E4B4C1#D992A6#CE738D#C25171#AE3D5D#8F324D#6D263B#4F1C2A#2D1018#0F0508

Tints of #EFD2DA

#F0D5DD#F2D9E0#F2D9E0#F3DDE3#F4E1E6#F6E5E9#F7E8ED#F7E8ED#F8ECF0#FAF0F3

Tones of #EFD2DA

#EDD4DB#EBD6DC#E9D8DD#E7DADE#E5DCDF#E3DEDF

Color harmonies

Complementary — #D2EFE7:

Analogous:

Triadic:

Contrast & accessibility

Against white text1.41:1 Fails
Against black text14.90:1 AAA

Best text color on #EFD2DA: #000000.

Semi-transparent (opacity) text on #EFD2DA

Text set with opacity blends into the background, so its real contrast is lower than the solid ratios above. Choose a text color and an opacity to see the blended color and its true ratio:

100%
Sample heading text
Smaller body text shows the effect best.

Blended color: · Contrast against #EFD2DA: ·

How #EFD2DA looks with color blindness

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

Protanopia · #E2E2D8Deuteranopia · #E4E6D8Tritanopia · #EED7D6

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 #EFD2DA rather than the exact color:

Palette B5c0d0
#B5C0D0 · #CCD3CA · #F5E8DD · #EED3D9
Royal Ruby Terrace
#CDD3EC · #E0AEEF · #F2D5DC · #ECDDB7
Palette F6f5f2
#F6F5F2 · #F0EBE3 · #F3D0D7 · #FFEFEF
Tender Ruby Bloom
#AD3142 · #49C137 · #3446B8 · #EED7DC
Lucky Ruby Mosaic
#EAD2DD · #D289AA · #BD5C88 · #A53C6B
Palette F2d7d9
#F2D7D9 · #D3CEDF · #9CB4CC · #748DA6

Similar colors

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

#EED3D9#F2D5DC#F3D0D7#EED7DC#EAD2DD#F2D7D9#EFD7DE#F1D4D4#E9D5DA#F2CCD8#EACDDA#F0D9DA

Browse neighbouring colors

← #EFD2D9  ·  #EFD2DB →

Frequently asked questions

What color is #EFD2DA?

#EFD2DA is Pale Muted Pink, a pink color (RGB 239, 210, 218). Its closest standard named color is Gainsboro.

What is the RGB and HSL of #EFD2DA?

#EFD2DA is RGB 239, 210, 218 — HSL 343°, 48%, 88% — CMYK 0%, 12%, 9%, 6%.

What colors go with #EFD2DA?

Its complement is #D2EFE7; analogous partners are #EFD2E9 and #EFD8D2. It also appears in 6+ palettes in our collection.

Can I use #EFD2DA for text?

Black text on #EFD2DA has a contrast ratio of 14.90:1 (passes WCAG AA); white text gives 1.41:1.