Maroon Colors  ·  Color Library

Palettes / Colors / #E2E1CC

#E2E1CC — Pale Dusty Yellow

#E2E1CC is a yellow color we call Pale Dusty Yellow, closest to the named color Gainsboro (#DCDCDC). It belongs to the yellow family.

#E2E1CC is a warm yellow color associated with optimism, attention and cheer. It is light enough to work as a background or base color, with darker text on top.

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

#E2E1CC · RGB 226, 225, 204

Download PNG swatch SVG

Color values

HEX#E2E1CC
RGB226, 225, 204
HSL57°, 27%, 84%
HSV57°, 10%, 89%
CMYK0%, 0%, 10%, 11%
XYZ69.19, 74.38, 67.84
Yxy74.38, 0.3273, 0.3518
CIE-Lab89.10, -3.24, 10.39
Hunter Lab86.24, -3.17, 9.39

RGB & CMYK percentages

Red 89% · Green 88% · Blue 80%

Cyan 0% · Magenta 0% · Yellow 10% · Key 11%

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

Previews

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

CSS code for #E2E1CC

.text { color: #E2E1CC; }
.background { background-color: #E2E1CC; }
.border { border: 3px solid #E2E1CC; }
.text-rgb { color: rgb(226, 225, 204); }
.text-hsl { color: hsl(57, 27%, 84%); }
.text-shadow-hex { text-shadow: 4px 4px 2px #E2E1CC; }
.text-shadow-rgba { text-shadow: 4px 4px 2px rgba(226, 225, 204, 0.8); }
.box-shadow-hex { box-shadow: 1px 1px 3px 2px #E2E1CC; }
.box-shadow-rgba { box-shadow: 1px 1px 3px 2px rgba(226, 225, 204, 0.8); }

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

Shades of #E2E1CC

#D2D1B1#C3C197#B5B27D#A6A264#8E8B52#757243#5B5934#413F25#272616#0D0D07

Tints of #E2E1CC

#E3E2CE#E5E4D2#E9E8D8#EBEADB#ECECDF#EEEEE2#F0F0E5#F4F3EC#F6F5EF#F8F7F2

Tones of #E2E1CC

#E0DFCD#DEDDCE#DCDCD0#DBDBD1#D9D9D3#D8D8D5

Color harmonies

Complementary — #CBCCE1:

Analogous:

Triadic:

Contrast & accessibility

Against white text1.32:1 Fails
Against black text15.88:1 AAA

Best text color on #E2E1CC: #000000.

How #E2E1CC looks with color blindness

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

Protanopia · #E2E2D1Deuteranopia · #E2E2D2Tritanopia · #E2D5D6

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

Palette 5c7285
#5C7285 · #818C78 · #A7B49E · #E2E0C8
Palette 698474
#698474 · #889E81 · #BAC7A7 · #E5E4CC
Palette 32012f
#32012F · #524C42 · #E2DFD0 · #F97300
Palette F8bd7f
#F8BD7F · #00416D · #F5F1DA · #E3DFC8
Palette E5e3c9
#E5E3C9 · #B4CFB0 · #94B49F · #789395
Palette 1a120b
#1A120B · #3C2A21 · #D5CEA3 · #E5E5CB

Similar colors

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

#E2E0C8#E5E4CC#E2DFD0#E3DFC8#E5E3C9#E5E5CB#E4E4D0#E1DCC9#E7E0C9#E4DCCF#E8DFCA#DEDED1

Browse neighbouring colors

← #E2E1CB  ·  #E2E1CD →

Frequently asked questions

What color is #E2E1CC?

#E2E1CC is Pale Dusty Yellow, a yellow color (RGB 226, 225, 204). Its closest standard named color is Gainsboro.

What is the RGB and HSL of #E2E1CC?

#E2E1CC is RGB 226, 225, 204 — HSL 57°, 27%, 84% — CMYK 0%, 0%, 10%, 11%.

What colors go with #E2E1CC?

Its complement is #CBCCE1; analogous partners are #E1D5CB and #D7E1CB. It also appears in 6+ palettes in our collection.

Can I use #E2E1CC for text?

Black text on #E2E1CC has a contrast ratio of 15.88:1 (passes WCAG AA); white text gives 1.32:1.