#E4F2D2

Accessibility

AAA

17.93:1

Vs white / black

1.17:1 · 17.93:1

Sources

Library color

Click any stop to open

Codes

Formats

HEX

#e4f2d2

RGB

rgb(228, 242, 210)

RGBA

rgba(228, 242, 210, 1)

HSL

hsl(86, 55%, 89%)

HSV

hsv(86, 13%, 95%)

LAB

lab(93.73% -10.17 13.89)

LCH

lch(93.73% 17.22 126.21)

OKLAB

oklab(0.9423 -0.0267 0.036)

OKLCH

oklch(0.9423 0.0448 126.56)

XYZ

xyz(75.38, 84.65, 73.33)

CMYK

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

CSS

color: #e4f2d2;

CSS variable

--color-e4f2d2: #e4f2d2;

SCSS

$color-e4f2d2: #e4f2d2;

Tailwind

yellow-100

Export

Developer code

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

Palette

Tints & shades

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

fdfefb fbfdf8 f8fcf4 f6fbf0 f4faec f2f9e9 eff7e5 edf6e1 ebf5dd e9f4da e6f3d6 e4f2d2 d1dec1 becaaf abb69e 98a18c 858d7a 727969 5f6557 4c5146 393d35 262823 131412

Palette

Tints

Mixed toward white — soft backgrounds and highlights

fdfefb fbfdf8 f8fcf4 f6fbf0 f4faec f2f9e9 eff7e5 edf6e1 ebf5dd e9f4da e6f3d6

Palette

Shades

Mixed toward black — depth, text, and emphasis

d1dec1 becaaf abb69e 98a18c 858d7a 727969 5f6557 4c5146 393d35 262823 131412

Palette

Tones

Mixed toward neutral grey — muted UI surfaces

dce8cb d3dfc4 cbd6be c3ccb7 bac3b0 b2b9a9 aab0a2 a1a69b 999d95 91938e 888a87

Harmony

Complementary

Opposite on the color wheel for contrast

#E4F2D2Stop 1 #E1D4F2Stop 2

Harmony

Analogous

Neighbors that sit comfortably together

#F2F0D4Stop 1 #E4F2D2Stop 2 #D6F2D4Stop 3

Harmony

Triadic

Evenly spaced triad for vibrant sets

#E4F2D2Stop 1 #D4E5F2Stop 2 #F2D4E5Stop 3

Harmony

Split complementary

Base plus two accents beside the complement

#E4F2D2Stop 1 #D4D6F2Stop 2 #F0D4F2Stop 3

Harmony

Monochromatic

Same hue, varied lightness and saturation

#374F17Stop 1 #608A28Stop 2 #89C639Stop 3 #ACD775Stop 4 #D0E8B0Stop 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 LightGoldenRodYellow#FAFAD2 LightYellow#FFFFE0 Material Green 100#C8E6C9 Tailwind green 100#DCFCE7 Cornsilk#FFF8DC HoneyDew#F0FFF0 LemonChiffon#FFFACD Material Green 50#E8F5E9 Tailwind amber 100#FEF3C7 PapayaWhip#FFEFD5 Tailwind amber 50#FFFBEB