Maroon Colors  ·  Color Library

Palettes / Colors / #EACCC2

#EACCC2 — Pale Muted Brown

#EACCC2 is a brown color we call Pale Muted Brown, closest to the named color Pink (#FFC0CB). It belongs to the brown family.

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

#EACCC2 · RGB 234, 204, 194

Download PNG swatch SVG

Color values

HEX#EACCC2
RGB234, 204, 194
HSL15°, 49%, 84%
HSV15°, 17%, 92%
CMYK0%, 13%, 17%, 8%
XYZ65.26, 64.57, 60.06
Yxy64.57, 0.3437, 0.3400
CIE-Lab84.26, 8.94, 8.84
Hunter Lab80.36, 8.77, 7.85

RGB & CMYK percentages

Red 92% · Green 80% · Blue 76%

Cyan 0% · Magenta 13% · Yellow 17% · Key 8%

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

Previews

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

CSS code for #EACCC2

.text { color: #EACCC2; }
.background { background-color: #EACCC2; }
.border { border: 3px solid #EACCC2; }
.text-rgb { color: rgb(234, 204, 194); }
.text-hsl { color: hsl(15, 49%, 84%); }
.text-shadow-hex { text-shadow: 4px 4px 2px #EACCC2; }
.text-shadow-rgba { text-shadow: 4px 4px 2px rgba(234, 204, 194, 0.8); }
.box-shadow-hex { box-shadow: 1px 1px 3px 2px #EACCC2; }
.box-shadow-rgba { box-shadow: 1px 1px 3px 2px rgba(234, 204, 194, 0.8); }

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

Shades of #EACCC2

#E0B3A4#D59985#CB8067#C16749#A75539#89452F#6A3624#4C271A#2E1710#0F0805

Tints of #EACCC2

#EBCFC6#EDD3CA#EFD9D1#F1DCD5#F2DFD9#F3E2DD#F5E6E1#F7ECE8#F8EFEC#FAF2F0

Tones of #EACCC2

#E7CEC5#E4CFC8#E2D0CB#DFD2CE#DCD3D0#D9D5D3

Color harmonies

Complementary — #C2E0EA:

Analogous:

Triadic:

Contrast & accessibility

Against white text1.51:1 Fails
Against black text13.91:1 AAA

Best text color on #EACCC2: #000000.

How #EACCC2 looks with color blindness

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

Protanopia · #DDDDC4Deuteranopia · #DFE1C5Tritanopia · #E8C6C7

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 pink 500 · #EC4899

Palettes with a similar color

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

Modern Petal
#7C3B20 · #51D377 · #5830BC · #E9CDC5
Crimson Solace
#F4DCEE · #E7CAC3 · #DFE7B7 · #B7EABE
Dreamy Breeze
#EDCCBF · #D9A896 · #B96241 · #9B4A2C
Royal Mosaic
#BF581D · #46E37F · #783BE1 · #EECEBE
Palette 452829
#452829 · #57595B · #E8D1C5 · #F3E8DF
Misty Horizon
#842317 · #20B431 · #5A49DF · #EEC7C3

Similar colors

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

#E9CDC5#E7CAC3#EDCCBF#EECEBE#E8D1C5#EEC7C3#EAC7C7#E3CDC1#EAC8BC#E7C5C1#EDCDBB#EFCEC8

Browse neighbouring colors

← #EACCC1  ·  #EACCC3 →

Frequently asked questions

What color is #EACCC2?

#EACCC2 is Pale Muted Brown, a brown color (RGB 234, 204, 194). Its closest standard named color is Pink.

What is the RGB and HSL of #EACCC2?

#EACCC2 is RGB 234, 204, 194 — HSL 15°, 49%, 84% — CMYK 0%, 13%, 17%, 8%.

What colors go with #EACCC2?

Its complement is #C2E0EA; analogous partners are #EAC2CC and #EAE0C2. It also appears in 6+ palettes in our collection.

Can I use #EACCC2 for text?

Black text on #EACCC2 has a contrast ratio of 13.91:1 (passes WCAG AA); white text gives 1.51:1.