#E1EEC9 — RGB(225,238,201) | Very Light Lime Hex Color

Color specimenNo. 14806729

#E1EEC9

Very Light Lime

A reference card for #E1EEC9. Every value, scheme, and snippet below is computed from the hex.

RGB: 225, 238, 201
HSL: 81°, 52%, 86%
Text: Black on top

01 · Developer snippets

Every framework, one click away.

Copy this color into any codebase without leaving the page. Snippets are generated from the hex.

02 · Conversions

All representations of this value.

Same color, seven encodings. Each one is click-to-copy.

03 · Nearest matches

Closest named color in every major design system.

Perceptual distance in weighted-RGB space. Click any card to explore that color next.

Tailwind CSS

lime 100

#ECFCCB

95.8% similarView →

Material Design

light green 100

#DCEDC8

98.9% similarView →

CSS Named Color

beige

#F5F5DC

94.3% similarView →

04 · Accessibility

WCAG contrast against white and black.

Does this color work as text, or only as background? Here's the data.

On white

The quick brown fox

Jumps over the lazy dog. Testing readability of #E1EEC9 as the text color.

1.22:1

AA failAAA failLarge fail

Rating · Fail

On black

The quick brown fox

Jumps over the lazy dog. Testing readability of #E1EEC9 as the text color.

17.27:1

AA passAAA passLarge pass

Rating · AAA

Recommendation

When using #E1EEC9 as a background, pair it with #000000 text for the best WCAG contrast.

Contrast ratios only — one part of WCAG 2.1. Not a certification of accessibility or legal compliance.

05 · In context

How this color looks in real UI.

No lorem ipsum — real dashboard, button, and tag patterns with auto-contrast text.

Dashboard · card

live

Monthly revenue

$148,204

▲ 12.4% vs last month

Goal · 68%Target $220K

Buttons

Tags & badges

SolidSubtleOutlinedv2.1.0· beta

As background

Headlines in black.

#000 · 17.27:1

Headlines in white.

#FFF · 1.22:1

Auto-contrast picks #000000

As text · on dark UI

Text over dark UI with #E1EEC9.

Useful for links, stats, and emphasis — check the accessibility section above for contrast ratings.

06 · Gradient

Pair it with something.

Blend this color into a complement, a harmony, or a color of your choice. Copy the CSS and ship it.

Second color

#D6C9EE

Direction

CSS

07 · Shades & tints

Darker, and lighter.

Each step is a full color page — explore the ramp in both directions.

Tints — toward white

9 steps · click to open

#e1eec9 #e5f0d1 #e9f2d9 #ebf3dd #f0f6e5 #f4f8ec #f8fbf4 #fbfcf8 #ffffff

Shades — toward black

9 steps · click to open

#e1eec9 #c9e09e #b4d477 #9cc74d #7fa735 #5e7c27 #41551b #202b0d #000000

08 · Color schemes

Harmonies built from this hue.

Derived by rotating the HSL wheel. Good starting points for a full palette.

Complementary

The color directly opposite on the wheel.

2 colors

#e1eec9 #d6c9ee

Analogous

Three adjacent hues — soft and cohesive.

3 colors

#eee8c9 #e1eec9 #ceeec9

Triadic

Three colors, 120° apart — balanced and vibrant.

3 colors

#e1eec9 #c9e1ee #eec9e1

Split-complementary

Base plus the two colors adjacent to its complement.

3 colors

#e1eec9 #c9ceee #e8c9ee

Tetradic

Four colors forming a rectangle — rich and bold.

4 colors

#e1eec9 #c9eed6 #d6c9ee #eec9e1

09 · About this color

#E1EEC9 at a glance

#E1EEC9 reads as a Very Light Lime. Red 225, green 238, blue 201. In HSL that's 81° hue, 52% saturation, 86% lightness.