Maroon Colors  ·  Color Library

Palettes / Colors / #E2E2CC

#E2E2CC — Pale Dusty Yellow

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

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

#E2E2CC · RGB 226, 226, 204

Download PNG swatch SVG

Color values

HEX#E2E2CC
RGB226, 226, 204
HSL60°, 27%, 84%
HSV60°, 10%, 89%
CMYK0%, 0%, 10%, 11%
XYZ69.46, 74.92, 67.93
Yxy74.92, 0.3272, 0.3529
CIE-Lab89.36, -3.75, 10.76
Hunter Lab86.56, -3.67, 9.71

RGB & CMYK percentages

Red 89% · Green 89% · 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 #E2E2CC on black
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Sample text in #E2E2CC on white
Lorem ipsum dolor sit amet, consectetur adipiscing elit.

CSS code for #E2E2CC

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

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

Shades of #E2E2CC

#D2D2B1#C3C397#B5B57D#A6A664#8E8E52#757543#5B5B34#414125#272716#0D0D07

Tints of #E2E2CC

#E3E3CE#E5E5D2#E9E9D8#EBEBDB#ECECDF#EEEEE2#F0F0E5#F4F4EC#F6F6EF#F8F8F2

Tones of #E2E2CC

#E0E0CD#DEDECE#DCDCD0#DBDBD1#D9D9D3#D8D8D5

Color harmonies

Complementary — #CBCBE1:

Analogous:

Triadic:

Contrast & accessibility

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

Best text color on #E2E2CC: #000000.

How #E2E2CC 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 · #E2E2D3Tritanopia · #E2D6D6

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

Palette 698474
#698474 · #889E81 · #BAC7A7 · #E5E4CC
Palette 1a120b
#1A120B · #3C2A21 · #D5CEA3 · #E5E5CB
Palette E5e3c9
#E5E3C9 · #B4CFB0 · #94B49F · #789395
Palette 5c7285
#5C7285 · #818C78 · #A7B49E · #E2E0C8
Palette 94a684
#94A684 · #AEC3AE · #E4E4D0 · #FFEEF4
Palette 32012f
#32012F · #524C42 · #E2DFD0 · #F97300

Similar colors

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

#E5E4CC#E5E5CB#E5E3C9#E2E0C8#E4E4D0#E2DFD0#E3DFC8#E7E0C9#E2E8CE#DFE8CC#E1DCC9#E8DFCA

Browse neighbouring colors

← #E2E2CB  ·  #E2E2CD →

Frequently asked questions

What color is #E2E2CC?

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

What is the RGB and HSL of #E2E2CC?

#E2E2CC is RGB 226, 226, 204 — HSL 60°, 27%, 84% — CMYK 0%, 0%, 10%, 11%.

What colors go with #E2E2CC?

Its complement is #CBCBE1; analogous partners are #E1D6CB and #D6E1CB. It also appears in 6+ palettes in our collection.

Can I use #E2E2CC for text?

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