#E1F0D1

Accessibility

AAA

17.59:1

Vs white / black

1.19:1 · 17.59:1

Sources

Library color

Click any stop to open

Codes

Formats

HEX

#e1f0d1

RGB

rgb(225, 240, 209)

RGBA

rgba(225, 240, 209, 1)

HSL

hsl(89, 51%, 88%)

HSV

hsv(89, 13%, 94%)

LAB

lab(92.98% -10.37 13.31)

LCH

lch(92.98% 16.87 127.92)

OKLAB

oklab(0.9358 -0.0273 0.0345)

OKLCH

oklch(0.9358 0.044 128.35)

XYZ

xyz(73.72, 82.93, 72.43)

CMYK

cmyk(6%, 0%, 13%, 6%)

CSS

color: #e1f0d1;

CSS variable

--color-e1f0d1: #e1f0d1;

SCSS

$color-e1f0d1: #e1f0d1;

Tailwind

yellow-100

Export

Developer code

:root {
  --#e1f0d1-1: #e1f0d1;
}

Palette

Tints & shades

Full scale from light tints through the base color into deep shades

fdfefb fafdf7 f8fbf4 f5faf0 f3f9ec f0f8e8 edf6e4 ebf5e0 e9f4dd e6f3d9 e4f1d5 e1f0d1 cedcc0 bcc8ae a9b49d 96a08b 838c7a 717869 5e6457 4b5046 383c34 252823 131411

Palette

Tints

Mixed toward white — soft backgrounds and highlights

fdfefb fafdf7 f8fbf4 f5faf0 f3f9ec f0f8e8 edf6e4 ebf5e0 e9f4dd e6f3d9 e4f1d5

Palette

Shades

Mixed toward black — depth, text, and emphasis

cedcc0 bcc8ae a9b49d 96a08b 838c7a 717869 5e6457 4b5046 383c34 252823 131411

Palette

Tones

Mixed toward neutral grey — muted UI surfaces

d9e7ca d1ddc4 c9d4bd c1cbb6 b9c1af b1b8a9 a8afa2 a0a59b 989c94 90938e 888987

Harmony

Complementary

Opposite on the color wheel for contrast

#E1F0D1Stop 1 #E0D1F0Stop 2

Harmony

Analogous

Neighbors that sit comfortably together

#F0EFD1Stop 1 #E1F0D1Stop 2 #D1F0D1Stop 3

Harmony

Triadic

Evenly spaced triad for vibrant sets

#E1F0D1Stop 1 #D1E1F0Stop 2 #F0D1E1Stop 3

Harmony

Split complementary

Base plus two accents beside the complement

#E1F0D1Stop 1 #D1D1F0Stop 2 #EFD1F0Stop 3

Harmony

Monochromatic

Same hue, varied lightness and saturation

#344D19Stop 1 #5B872CStop 2 #82C13EStop 3 #A7D378Stop 4 #CDE6B2Stop 5

Meaning

Color psychology

Energy, youth, and experimentation. High-visibility accents and playful UIs.

Common uses: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Lime family.

Similar & related colors

Nearby colors from the library by perceptual distance

Beige#F5F5DC Material Green 100#C8E6C9 LightGoldenRodYellow#FAFAD2 LightYellow#FFFFE0 Tailwind green 100#DCFCE7 Cornsilk#FFF8DC HoneyDew#F0FFF0 Material Green 50#E8F5E9 LemonChiffon#FFFACD Tailwind amber 50#FFFBEB PapayaWhip#FFEFD5 Ivory#FFFFF0