Maroon Colors  ·  Color Library

Palettes / Colors / #EEDECE

#EEDECE — Pale Muted Brown

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

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

#EEDECE · RGB 238, 222, 206

Download PNG swatch SVG

Color values

HEX#EEDECE
RGB238, 222, 206
HSL30°, 48%, 87%
HSV30°, 13%, 93%
CMYK0%, 7%, 13%, 7%
XYZ72.52, 74.88, 69.02
Yxy74.88, 0.3351, 0.3460
CIE-Lab89.33, 2.86, 9.80
Hunter Lab86.53, 2.84, 8.90

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 #EEDECE on black
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Sample text in #EEDECE on white
Lorem ipsum dolor sit amet, consectetur adipiscing elit.

CSS code for #EEDECE

.text { color: #EEDECE; }
.background { background-color: #EEDECE; }
.border { border: 3px solid #EEDECE; }
.text-rgb { color: rgb(238, 222, 206); }
.text-hsl { color: hsl(30, 48%, 87%); }
.text-shadow-hex { text-shadow: 4px 4px 2px #EEDECE; }
.text-shadow-rgba { text-shadow: 4px 4px 2px rgba(238, 222, 206, 0.8); }
.box-shadow-hex { box-shadow: 1px 1px 3px 2px #EEDECE; }
.box-shadow-rgba { box-shadow: 1px 1px 3px 2px rgba(238, 222, 206, 0.8); }

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

Shades of #EEDECE

#E3C9B0#D7B38E#CD9E70#C28A51#AE753D#8C5E31#6D4A26#4F361C#2D1F10#0F0A05

Tints of #EEDECE

#EFE0D2#F0E3D5#F2E6D9#F3E8DD#F4EBE1#F4EBE1#F6EDE5#F7F0E8#F8F2EC#FAF5F0

Tones of #EEDECE

#EBDED0#E9DED3#E7DED5#E5DED7#E2DED9#E0DEDC

Color harmonies

Complementary — #CEDEEE:

Analogous:

Triadic:

Contrast & accessibility

Against white text1.31:1 Fails
Against black text15.98:1 AAA

Best text color on #EEDECE: #000000.

How #EEDECE looks with color blindness

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

Protanopia · #E7E7D2Deuteranopia · #E8E9D3Tritanopia · #EDD5D6

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

Palette 607456
#607456 · #EEE0CC · #BA6A4C · #7B2525
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 331d2c
#331D2C · #3F2E3E · #A78295 · #EFE1D1

Similar colors

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

#EEE0CC#EBDECE#ECDFCC#EFE1D1#EAE0CF#EBE1D1#EBE2CC#EEE0C9#ECE3CE#F2DACE#EEE3CB#F1DEC9

Browse neighbouring colors

← #EEDECD  ·  #EEDECF →

Frequently asked questions

What color is #EEDECE?

#EEDECE is Pale Muted Brown, a brown color (RGB 238, 222, 206). Its closest standard named color is AntiqueWhite.

What is the RGB and HSL of #EEDECE?

#EEDECE is RGB 238, 222, 206 — HSL 30°, 48%, 87% — CMYK 0%, 7%, 13%, 7%.

What colors go with #EEDECE?

Its complement is #CEDEEE; analogous partners are #EECECE and #EEEECE. It also appears in 6+ palettes in our collection.

Can I use #EEDECE for text?

Black text on #EEDECE has a contrast ratio of 15.98:1 (passes WCAG AA); white text gives 1.31:1.