Maroon Colors  ·  Color Library

Palettes / Colors / #EADDD2

#EADDD2 — Pale Muted Brown

#EADDD2 is a brown color we call Pale Muted Brown, closest to the named color Gainsboro (#DCDCDC). It belongs to the brown family.

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

#EADDD2 · RGB 234, 221, 210

Download PNG swatch SVG

Color values

HEX#EADDD2
RGB234, 221, 210
HSL28°, 36%, 87%
HSV28°, 10%, 92%
CMYK0%, 6%, 10%, 8%
XYZ71.42, 73.86, 71.46
Yxy73.86, 0.3295, 0.3408
CIE-Lab88.86, 2.60, 6.98
Hunter Lab85.94, 2.58, 6.42

RGB & CMYK percentages

Red 92% · Green 87% · Blue 82%

Cyan 0% · Magenta 6% · Yellow 10% · Key 8%

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

Previews

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

CSS code for #EADDD2

.text { color: #EADDD2; }
.background { background-color: #EADDD2; }
.border { border: 3px solid #EADDD2; }
.text-rgb { color: rgb(234, 221, 210); }
.text-hsl { color: hsl(28, 36%, 87%); }
.text-shadow-hex { text-shadow: 4px 4px 2px #EADDD2; }
.text-shadow-rgba { text-shadow: 4px 4px 2px rgba(234, 221, 210, 0.8); }
.box-shadow-hex { box-shadow: 1px 1px 3px 2px #EADDD2; }
.box-shadow-rgba { box-shadow: 1px 1px 3px 2px rgba(234, 221, 210, 0.8); }

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

Shades of #EADDD2

#DDC8B6#CEB197#C19C7B#B4875F#A0724B#805C3C#65482F#493422#2A1E14#0E0A07

Tints of #EADDD2

#EBE0D5#EDE2D9#EFE5DC#F0E7E0#F2EAE3#F2EAE3#F4EDE7#F5EFEA#F7F2EE#F8F5F1

Tones of #EADDD2

#E8DDD4#E6DDD5#E5DDD7#E3DED9#E1DEDB#E0DEDC

Color harmonies

Complementary — #D2DFEA:

Analogous:

Triadic:

Contrast & accessibility

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

Best text color on #EADDD2: #000000.

How #EADDD2 looks with color blindness

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

Protanopia · #E4E4D5Deuteranopia · #E5E6D5Tritanopia · #E9D7D7

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

Palette E8ded2
#E8DED2 · #A3D2CA · #5EAAA8 · #056676
Smoky Dusk
#9A6C37 · #65C89A · #7F40B4 · #E8DBD3
Royal Lagoon
#2C5888 · #547AC8 · #AE7638 · #EBDECE
Palette Ebe1d1
#EBE1D1 · #41644A · #0D4715 · #E9762B
Palette A8bba3
#A8BBA3 · #F7F4EA · #EBD9D1 · #B87C4C
Palette 111844
#111844 · #4B5694 · #7288AE · #EAE0CF

Similar colors

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

#E8DED2#E8DBD3#EBDECE#EBE1D1#EBD9D1#EAE0CF#EDE0D4#E7DFD5#ECDED7#EAE3D2#E9E3D0#EAE2D6

Browse neighbouring colors

← #EADDD1  ·  #EADDD3 →

Frequently asked questions

What color is #EADDD2?

#EADDD2 is Pale Muted Brown, a brown color (RGB 234, 221, 210). Its closest standard named color is Gainsboro.

What is the RGB and HSL of #EADDD2?

#EADDD2 is RGB 234, 221, 210 — HSL 28°, 36%, 87% — CMYK 0%, 6%, 10%, 8%.

What colors go with #EADDD2?

Its complement is #D2DFEA; analogous partners are #EAD2D3 and #EAE9D2. It also appears in 6+ palettes in our collection.

Can I use #EADDD2 for text?

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