#8AAF8C

Color Details

HEX
#8AAF8C
RGB
rgb(138, 175, 140)
HSL
hsl(123, 19%, 61%)
CMYK
cmyk(21%, 0%, 20%, 31%)
Best text on this color #000000 (CR 8.59:1) Determined by WCAG contrast ratio

Readability Previews

Black on #8aaf8c
Contrast 8.59:1 AAA
White on #8aaf8c
Contrast 2.44:1 Fail
#8aaf8c on Black
Contrast 8.59:1 AAA
#8aaf8c on White
Contrast 2.44:1 Fail

Tints & Shades

#a1bfa3
#b9cfba
#d0dfd1
#6e8c70
#536954
#374638

Complement & Analogous

#ae89ad
#86b19e
#99b186

Triadic

#8b89ae
#ae8b89

Monochrome

#374638 #536954 #8aaf8c #b9cfba #d0dfd1 #e8efe8

Analogous

#99b186 #b8c8aa #8aaf8c #9ec1b1 #86b19e #6b8e7e

Complementary Mix

#536954 #8aaf8c #b9cfba #ae89ad #cab2ca #715970

Nearby Colors

#8aaf8b
#8aaf8d
#8aaf7c
#8aaf9c

Embed #8AAF8C swatch

Embed this swatch

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

Open image

About #8AAF8C

#8AAF8C converts to RGB(138, 175, 140) and HSL(123, 19%, 61%). 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).

#8AAF8C FAQs

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