#E4F1D4

Accessibility

AAA

17.83:1

Vs white / black

1.18:1 · 17.83:1

Sources

Library color

Click any stop to open

Codes

Formats

HEX

#e4f1d4

RGB

rgb(228, 241, 212)

RGBA

rgba(228, 241, 212, 1)

HSL

hsl(87, 51%, 89%)

HSV

hsv(87, 12%, 95%)

LAB

lab(93.52% -9.35 12.55)

LCH

lch(93.52% 15.65 126.69)

OKLAB

oklab(0.9407 -0.0245 0.0326)

OKLCH

oklch(0.9407 0.0408 126.93)

XYZ

xyz(75.33, 84.16, 74.55)

CMYK

cmyk(5%, 0%, 12%, 5%)

CSS

color: #e4f1d4;

CSS variable

--color-e4f1d4: #e4f1d4;

SCSS

$color-e4f1d4: #e4f1d4;

Tailwind

yellow-100

Export

Developer code

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

Palette

Tints & shades

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

fdfefb fbfdf8 f8fcf4 f6faf1 f4f9ed f2f8ea eff7e6 edf6e2 ebf5df e9f3db e6f2d8 e4f1d4 d1ddc2 bec9b1 abb59f 98a18d 858d7c 72796a 5f6458 4c5047 393c35 262823 131412

Palette

Tints

Mixed toward white — soft backgrounds and highlights

fdfefb fbfdf8 f8fcf4 f6faf1 f4f9ed f2f8ea eff7e6 edf6e2 ebf5df e9f3db e6f2d8

Palette

Shades

Mixed toward black — depth, text, and emphasis

d1ddc2 bec9b1 abb59f 98a18d 858d7c 72796a 5f6458 4c5047 393c35 262823 131412

Palette

Tones

Mixed toward neutral grey — muted UI surfaces

dce8cd d3dec6 cbd5bf c3cbb8 bac2b1 b2b9aa aaafa3 a1a69c 999c95 91938e 888987

Harmony

Complementary

Opposite on the color wheel for contrast

#E4F1D4Stop 1 #E2D5F1Stop 2

Harmony

Analogous

Neighbors that sit comfortably together

#F1F0D5Stop 1 #E4F1D4Stop 2 #D6F1D5Stop 3

Harmony

Triadic

Evenly spaced triad for vibrant sets

#E4F1D4Stop 1 #D5E4F1Stop 2 #F1D5E4Stop 3

Harmony

Split complementary

Base plus two accents beside the complement

#E4F1D4Stop 1 #D5D6F1Stop 2 #F0D5F1Stop 3

Harmony

Monochromatic

Same hue, varied lightness and saturation

#364D19Stop 1 #5E872CStop 2 #86C13EStop 3 #AAD378Stop 4 #CFE6B2Stop 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 LightYellow#FFFFE0 Material Green 100#C8E6C9 Tailwind green 100#DCFCE7 LightGoldenRodYellow#FAFAD2 Cornsilk#FFF8DC HoneyDew#F0FFF0 Material Green 50#E8F5E9 Tailwind amber 50#FFFBEB Ivory#FFFFF0 Material Orange 50#FFF3E0 PapayaWhip#FFEFD5