#8ED48A

Color Details

HEX
#8ED48A
RGB
rgb(142, 212, 138)
HSL
hsl(117, 46%, 69%)
CMYK
cmyk(33%, 0%, 35%, 17%)
Best text on this color #000000 (CR 11.93:1) Determined by WCAG contrast ratio

Readability Previews

Black on #8ed48a
Contrast 11.93:1 AAA
White on #8ed48a
Contrast 1.76:1 Fail
#8ed48a on Black
Contrast 11.93:1 AAA
#8ed48a on White
Contrast 1.76:1 Fail

Tints & Shades

#a5dda1
#bbe5b9
#d2eed0
#72aa6e
#557f53
#395537

Complement & Analogous

#d18cd4
#8cd4ac
#b4d48c

Triadic

#8c8fd4
#d48c8f

Monochrome

#395537 #557f53 #8ed48a #bbe5b9 #d2eed0 #e8f6e8

Analogous

#b4d48c #cbe1af #8ed48a #a3ddbd #8cd4ac #70aa8a

Complementary Mix

#557f53 #8ed48a #bbe5b9 #d18cd4 #e1b4e3 #885b8a

Nearby Colors

#8ed489
#8ed48b
#8ed47a
#8ed49a

Embed #8ED48A swatch

Embed this swatch

Use this HTML on your site (free with a link):

Open image

About #8ED48A

#8ED48A converts to RGB(142, 212, 138) and HSL(117, 46%, 69%). This page provides quick readability checks, related hues (complementary and analogous), and ready-made palettes so you can drop the color into UI components, images, or CSS immediately.

Tip: Use the “Best text” chip above as a safe default foreground on this color (chosen by contrast ratio).

#8ED48A FAQs

What is the RGB value of #8ED48A?
RGB: 142, 212, 138. Copy as CSS: rgb(142, 212, 138)
Is #8ED48A a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #8ED48A?
Complement: #d18cd4.
Does #8ED48A have good contrast on white or black?
On white: 1.76:1 (Fails AA). On black: 11.93:1 (AAA (normal text)).