#ABE98C

Color Details

HEX
#ABE98C
RGB
rgb(171, 233, 140)
HSL
hsl(100, 68%, 73%)
CMYK
cmyk(27%, 0%, 40%, 9%)
Best text on this color #000000 (CR 14.77:1) Determined by WCAG contrast ratio

Readability Previews

Black on #abe98c
Contrast 14.77:1 AAA
White on #abe98c
Contrast 1.42:1 Fail
#abe98c on Black
Contrast 14.77:1 AAA
#abe98c on White
Contrast 1.42:1 Fail

Tints & Shades

#bceda3
#cdf2ba
#ddf6d1
#89ba70
#678c54
#445d38

Complement & Analogous

#ca8be9
#8be99b
#d9e98b

Triadic

#8babe9
#e98bab

Monochrome

#445d38 #678c54 #abe98c #cdf2ba #ddf6d1 #eefbe8

Analogous

#d9e98b #e4f0ae #abe98c #a2edaf #8be99b #6fba7c

Complementary Mix

#678c54 #abe98c #cdf2ba #ca8be9 #ddb4f1 #835a97

Nearby Colors

#abe98b
#abe98d
#abe97c
#abe99c

Embed #ABE98C swatch

Embed this swatch

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

Open image

About #ABE98C

#ABE98C converts to RGB(171, 233, 140) and HSL(100, 68%, 73%). 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).

#ABE98C FAQs

What is the RGB value of #ABE98C?
RGB: 171, 233, 140. Copy as CSS: rgb(171, 233, 140)
Is #ABE98C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #ABE98C?
Complement: #ca8be9.
Does #ABE98C have good contrast on white or black?
On white: 1.42:1 (Fails AA). On black: 14.77:1 (AAA (normal text)).