Maroon Colors  ·  Color Library

Palettes / Colors / #E0FAEE

#E0FAEE — Pale Green

#E0FAEE is a green color we call Pale Green, closest to the named color HoneyDew (#F0FFF0). It belongs to the green family.

#E0FAEE is a cool 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 #FAE0EC; it also sits naturally between #E0FAE1 and #E0F9FA. In the palettes below you can see it working alongside real color combinations from our collection.

#E0FAEE · RGB 224, 250, 238

Download PNG swatch SVG

Color values

HEX#E0FAEE
RGB224, 250, 238
HSL152°, 72%, 93%
HSV152°, 10%, 98%
CMYK10%, 0%, 5%, 2%
XYZ80.36, 90.39, 94.10
Yxy90.39, 0.3034, 0.3413
CIE-Lab96.16, -10.65, 2.87
Hunter Lab95.07, -10.60, 2.80

RGB & CMYK percentages

Red 88% · Green 98% · Blue 93%

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

Previews

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

CSS code for #E0FAEE

.text { color: #E0FAEE; }
.background { background-color: #E0FAEE; }
.border { border: 3px solid #E0FAEE; }
.text-rgb { color: rgb(224, 250, 238); }
.text-hsl { color: hsl(152, 72%, 93%); }
.text-shadow-hex { text-shadow: 4px 4px 2px #E0FAEE; }
.text-shadow-rgba { text-shadow: 4px 4px 2px rgba(224, 250, 238, 0.8); }
.box-shadow-hex { box-shadow: 1px 1px 3px 2px #E0FAEE; }
.box-shadow-rgba { box-shadow: 1px 1px 3px 2px rgba(224, 250, 238, 0.8); }

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

Shades of #E0FAEE

#B9F4D8#91EDC2#6AE7AC#42E097#23D783#1DAF6B#168853#10603B#093923#03120B

Tints of #E0FAEE

#E0FAEE#E5FBF0#E5FBF0#E5FBF0#E9FBF3#E9FBF3#E9FBF3#E9FBF3#EDFCF5#EDFCF5

Tones of #E0FAEE

#E2F8EE#E4F6EE#E6F4EE#E8F3EE#E9F1ED#EBEFED

Color harmonies

Complementary — #FAE0EC:

Analogous:

Triadic:

Contrast & accessibility

Against white text1.10:1 Fails
Against black text19.08:1 AAA

Best text color on #E0FAEE: #000000.

How #E0FAEE looks with color blindness

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

Protanopia · #EBEBF1Deuteranopia · #EAE8F2Tritanopia · #E1F3F4

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 purple 500 · #A855F7

Palettes with #E0FAEE or a close neighbour

Palette 9a1f40
#9A1F40 · #D9455F · #74D4C0 · #DEF4F0
Palette 1e0342
#1E0342 · #0E46A3 · #9AC8CD · #E1F7F5
Palette Dff4f3
#DFF4F3 · #DDE7F2 · #B9BBDF · #878ECD
Palette 333333
#333333 · #FFFFFF · #E1F4F3 · #706C61
Palette E4f9f5
#E4F9F5 · #30E3CA · #11999E · #40514E
Palette Dff2eb
#DFF2EB · #B9E5E8 · #7AB2D3 · #4A628A

Similar colors

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

#DEF4F0#E1F7F5#DFF4F3#E1F4F3#E4F9F5#DFF2EB#E3F6F5#E3F4F4#E7F6F2#DCF2F1#DFF1F1#DDF4E7

Browse neighbouring colors

← #E0FAED  ·  #E0FAEF →

Frequently asked questions

What color is #E0FAEE?

#E0FAEE is Pale Green, a green color (RGB 224, 250, 238). Its closest standard named color is HoneyDew.

What is the RGB and HSL of #E0FAEE?

#E0FAEE is RGB 224, 250, 238 — HSL 152°, 72%, 93% — CMYK 10%, 0%, 5%, 2%.

What colors go with #E0FAEE?

Its complement is #FAE0EC; analogous partners are #E0FAE1 and #E0F9FA. It also appears in 6+ palettes in our collection.

Can I use #E0FAEE for text?

Black text on #E0FAEE has a contrast ratio of 19.08:1 (passes WCAG AA); white text gives 1.10:1.