Maroon Colors  ·  Color Library

Palettes / Colors / #EDDDCE

#EDDDCE — Pale Muted Brown

#EDDDCE is a brown color we call Pale Muted Brown, closest to the named color AntiqueWhite (#FAEBD7). It belongs to the brown family.

Color name

Closest CSS keyword: antiquewhite (#FAEBD7) — not an exact match. CSS antiquewhite gives you #FAEBD7, a different color; use #EDDDCE 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.

#EDDDCE is a warm brown color associated with earthiness, stability and comfort. It is light enough to work as a background or base color, with darker text on top.

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

#EDDDCE · RGB 237, 221, 206

Download PNG swatch SVG

Color values

HEX#EDDDCE
RGB237, 221, 206
HSL29°, 46%, 87%
HSV29°, 13%, 93%
CMYK0%, 7%, 13%, 7%
XYZ71.92, 74.17, 68.92
Yxy74.17, 0.3345, 0.3450
CIE-Lab89.00, 3.02, 9.32
Hunter Lab86.12, 2.99, 8.47

RGB & CMYK percentages

Red 93% · Green 87% · Blue 81%

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

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

Previews

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

CSS code for #EDDDCE

.text { color: #EDDDCE; }
.background { background-color: #EDDDCE; }
.border { border: 3px solid #EDDDCE; }
.text-rgb { color: rgb(237, 221, 206); }
.text-hsl { color: hsl(29, 46%, 87%); }
.text-shadow-hex { text-shadow: 4px 4px 2px #EDDDCE; }
.text-shadow-rgba { text-shadow: 4px 4px 2px rgba(237, 221, 206, 0.8); }
.box-shadow-hex { box-shadow: 1px 1px 3px 2px #EDDDCE; }
.box-shadow-rgba { box-shadow: 1px 1px 3px 2px rgba(237, 221, 206, 0.8); }

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

Shades of #EDDDCE

#E2C9B1#D6B18F#CB9D72#C08854#AB743F#8A5D33#6C4928#4E351D#2D1E11#0F0A06

Tints of #EDDDCE

#EEE0D2#F0E3D6#F1E5DA#F3E8DD#F4EAE1#F4EAE1#F5EDE5#F7EFE9#F8F2EC#F9F5F0

Tones of #EDDDCE

#EBDDD1#E9DDD3#E6DED5#E4DED7#E2DEDA#E0DEDC

Color harmonies

Complementary — #CFDEED:

Analogous:

Triadic:

Contrast & accessibility

Against white text1.33:1 Fails
Against black text15.83:1 AAA

Best text color on #EDDDCE: #000000.

Semi-transparent (opacity) text on #EDDDCE

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 #EDDDCE: ·

How #EDDDCE looks with color blindness

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

Protanopia · #E6E6D2Deuteranopia · #E7E8D3Tritanopia · #ECD4D5

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 · #9E9E9EMaterial Yellow 500 · #FFEB3B

Palettes with a similar color

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

Royal Lagoon
#2C5888 · #547AC8 · #AE7638 · #EBDECE
Palette 181c14
#181C14 · #3C3D37 · #697565 · #ECDFCC
Palette 1e201e
#1E201E · #3C3D37 · #697565 · #ECDFCC
Palette A5b68d
#A5B68D · #ECDFCC · #FCFAEE · #DA8359
Palette 607456
#607456 · #EEE0CC · #BA6A4C · #7B2525
Palette 111844
#111844 · #4B5694 · #7288AE · #EAE0CF

Similar colors

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

#EBDECE#ECDFCC#EEE0CC#EAE0CF#EDD8CF#EBE1D1#EBD9D1#EFD9D1#EFE1D1#EBE2CC#F2DACE#EEE0C9

Browse neighbouring colors

← #EDDDCD  ·  #EDDDCF →

Frequently asked questions

What color is #EDDDCE?

#EDDDCE is Pale Muted Brown, a brown color (RGB 237, 221, 206). Its closest standard named color is AntiqueWhite.

What is the RGB and HSL of #EDDDCE?

#EDDDCE is RGB 237, 221, 206 — HSL 29°, 46%, 87% — CMYK 0%, 7%, 13%, 7%.

What colors go with #EDDDCE?

Its complement is #CFDEED; analogous partners are #EDCFCF and #EDEDCF. It also appears in 6+ palettes in our collection.

Can I use #EDDDCE for text?

Black text on #EDDDCE has a contrast ratio of 15.83:1 (passes WCAG AA); white text gives 1.33:1.