#E3F2D2

Accessibility

AAA

17.9:1

Vs white / black

1.17:1 · 17.9:1

Sources

Library color

Click any stop to open

Codes

Formats

HEX

#e3f2d2

RGB

rgb(227, 242, 210)

RGBA

rgba(227, 242, 210, 1)

HSL

hsl(88, 55%, 89%)

HSV

hsv(88, 13%, 95%)

LAB

lab(93.66% -10.52 13.78)

LCH

lch(93.66% 17.34 127.36)

OKLAB

oklab(0.9415 -0.0277 0.0357)

OKLCH

oklch(0.9415 0.0452 127.81)

XYZ

xyz(75.06, 84.49, 73.31)

CMYK

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

CSS

color: #e3f2d2;

CSS variable

--color-e3f2d2: #e3f2d2;

SCSS

$color-e3f2d2: #e3f2d2;

Tailwind

yellow-100

Export

Developer code

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

Palette

Tints & shades

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

fdfefb fafdf8 f8fcf4 f6fbf0 f3faec f1f9e9 eff7e5 ecf6e1 eaf5dd e8f4da e5f3d6 e3f2d2 d0dec1 bdcaaf aab69e 97a18c 848d7a 727969 5f6557 4c5146 393d35 262823 131412

Palette

Tints

Mixed toward white — soft backgrounds and highlights

fdfefb fafdf8 f8fcf4 f6fbf0 f3faec f1f9e9 eff7e5 ecf6e1 eaf5dd e8f4da e5f3d6

Palette

Shades

Mixed toward black — depth, text, and emphasis

d0dec1 bdcaaf aab69e 97a18c 848d7a 727969 5f6557 4c5146 393d35 262823 131412

Palette

Tones

Mixed toward neutral grey — muted UI surfaces

dbe8cb d3dfc4 cad6be c2ccb7 bac3b0 b2b9a9 a9b0a2 a1a69b 999d95 91938e 888a87

Harmony

Complementary

Opposite on the color wheel for contrast

#E3F2D2Stop 1 #E2D4F2Stop 2

Harmony

Analogous

Neighbors that sit comfortably together

#F2F1D4Stop 1 #E3F2D2Stop 2 #D5F2D4Stop 3

Harmony

Triadic

Evenly spaced triad for vibrant sets

#E3F2D2Stop 1 #D4E4F2Stop 2 #F2D4E4Stop 3

Harmony

Split complementary

Base plus two accents beside the complement

#E3F2D2Stop 1 #D4D5F2Stop 2 #F1D4F2Stop 3

Harmony

Monochromatic

Same hue, varied lightness and saturation

#354F17Stop 1 #5D8A28Stop 2 #84C639Stop 3 #A9D775Stop 4 #CEE8B0Stop 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 100#FEF3C7 Tailwind amber 50#FFFBEB PapayaWhip#FFEFD5