Maroon Colors  ·  Color Library

Palettes / Colors / #EBEFE2

#EBEFE2 — Pale Dusty Green

#EBEFE2 is a green color we call Pale Dusty Green, closest to the named color Beige (#F5F5DC). It belongs to the green family.

Color name

Closest CSS keyword: beige (#F5F5DC) — not an exact match. CSS beige gives you #F5F5DC, a different color; use #EBEFE2 when you need this exact shade.

Sources: common names follow widely used color-name references; CSS keywords and their hex values follow the CSS Color specification.

#EBEFE2 is a warm-leaning green color associated with growth, calm and balance. It is light enough to work as a background or base color, with darker text on top.

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

#EBEFE2 · RGB 235, 239, 226

Download PNG swatch SVG

Color values

HEX#EBEFE2
RGB235, 239, 226
HSL78°, 29%, 91%
HSV78°, 5%, 94%
CMYK2%, 0%, 5%, 6%
XYZ78.85, 84.89, 84.18
Yxy84.89, 0.3181, 0.3424
CIE-Lab93.83, -3.60, 5.81
Hunter Lab92.13, -3.60, 5.51

RGB & CMYK percentages

Red 92% · Green 94% · Blue 89%

Cyan 2% · Magenta 0% · Yellow 5% · Key 6%

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

Previews

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

CSS code for #EBEFE2

.text { color: #EBEFE2; }
.background { background-color: #EBEFE2; }
.border { border: 3px solid #EBEFE2; }
.text-rgb { color: rgb(235, 239, 226); }
.text-hsl { color: hsl(78, 29%, 91%); }
.text-shadow-hex { text-shadow: 4px 4px 2px #EBEFE2; }
.text-shadow-rgba { text-shadow: 4px 4px 2px rgba(235, 239, 226, 0.8); }
.box-shadow-hex { box-shadow: 1px 1px 3px 2px #EBEFE2; }
.box-shadow-rgba { box-shadow: 1px 1px 3px 2px rgba(235, 239, 226, 0.8); }

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

Shades of #EBEFE2

#D6DEC4#C4D0A9#B0C08C#9CAF6E#899E57#6F8047#556336#3C4526#252B18#0B0D07

Tints of #EBEFE2

#EDF1E5#EDF1E5#EFF2E8#EFF2E8#F1F4EB#F1F4EB#F4F6EF#F4F6EF#F6F8F2#F6F8F2

Tones of #EBEFE2

#EAEEE2#EAEDE3#EAECE4#E9EBE5#E9EAE6#E8E9E7

Color harmonies

Complementary — #E5E1EF:

Analogous:

Triadic:

Contrast & accessibility

Against white text1.17:1 Fails
Against black text17.98:1 AAA

Best text color on #EBEFE2: #000000.

Semi-transparent (opacity) text on #EBEFE2

Text set with opacity blends into the background, so its real contrast is lower than the solid ratios above. Choose a text color and an opacity to see the blended color and its true ratio:

100%
Sample heading text
Smaller body text shows the effect best.

Blended color: · Contrast against #EBEFE2: ·

How #EBEFE2 looks with color blindness

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

Protanopia · #EDEDE5Deuteranopia · #EDECE6Tritanopia · #EBE8E8

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

Palette 0b1849
#0B1849 · #124D1C · #E4B028 · #EBEDE3
Palette Bbdce5
#BBDCE5 · #ECEEDF · #D9C4B0 · #CFAB8D
Palette 819a91
#819A91 · #A7C1A8 · #D1D8BE · #EEEFE0
Palette 163020
#163020 · #304D30 · #B6C4B6 · #EEF0E5
Palette Efece3
#EFECE3 · #8FABD4 · #4A70A9 · #000000
Palette A59d84
#A59D84 · #C1BAA1 · #D7D3BF · #ECEBDE

Similar colors

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

#EBEDE3#ECEEDF#EEEFE0#EEF0E5#EFECE3#ECEBDE#F0ECE2#EEF2E6#F0ECE3#E5EEE4#F1F0E4#F0EBE3

Browse neighbouring colors

← #EBEFE1  ·  #EBEFE3 →

Frequently asked questions

What color is #EBEFE2?

#EBEFE2 is Pale Dusty Green, a green color (RGB 235, 239, 226). Its closest standard named color is Beige.

What is the RGB and HSL of #EBEFE2?

#EBEFE2 is RGB 235, 239, 226 — HSL 78°, 29%, 91% — CMYK 2%, 0%, 5%, 6%.

What colors go with #EBEFE2?

Its complement is #E5E1EF; analogous partners are #EFECE1 and #E4EFE1. It also appears in 6+ palettes in our collection.

Can I use #EBEFE2 for text?

Black text on #EBEFE2 has a contrast ratio of 17.98:1 (passes WCAG AA); white text gives 1.17:1.