#8ABC8C

Color Details

HEX
#8ABC8C
RGB
rgb(138, 188, 140)
HSL
hsl(122, 27%, 64%)
CMYK
cmyk(27%, 0%, 26%, 26%)
Best text on this color #000000 (CR 9.65:1) Determined by WCAG contrast ratio

Readability Previews

Black on #8abc8c
Contrast 9.65:1 AAA
White on #8abc8c
Contrast 2.18:1 Fail
#8abc8c on Black
Contrast 9.65:1 AAA
#8abc8c on White
Contrast 2.18:1 Fail

Tints & Shades

#a1c9a3
#b9d7ba
#d0e4d1
#6e9670
#537154
#374b38

Complement & Analogous

#bc8aba
#8abca5
#a2bc8a

Triadic

#8c8abc
#bc8c8a

Monochrome

#374b38 #537154 #8abc8c #b9d7ba #d0e4d1 #e8f2e8

Analogous

#a2bc8a #bed0ad #8abc8c #a1c9b7 #8abca5 #6e9684

Complementary Mix

#537154 #8abc8c #b9d7ba #bc8aba #d3b3d2 #7a5a79

Nearby Colors

#8abc8b
#8abc8d
#8abc7c
#8abc9c

Embed #8ABC8C swatch

Embed this swatch

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

Open image

About #8ABC8C

#8ABC8C converts to RGB(138, 188, 140) and HSL(122, 27%, 64%). 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).

#8ABC8C FAQs

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