#88A18C

Color Details

HEX
#88A18C
RGB
rgb(136, 161, 140)
HSL
hsl(130, 12%, 58%)
CMYK
cmyk(16%, 0%, 13%, 37%)
Best text on this color #000000 (CR 7.52:1) Determined by WCAG contrast ratio

Readability Previews

Black on #88a18c
Contrast 7.52:1 AAA
White on #88a18c
Contrast 2.79:1 Fail
#88a18c on Black
Contrast 7.52:1 AAA
#88a18c on White
Contrast 2.79:1 Fail

Tints & Shades

#a0b4a3
#b8c7ba
#cfd9d1
#6d8170
#526154
#364038

Complement & Analogous

#a1879c
#7cab9c
#8cab7c

Triadic

#8b87a1
#a18b87

Monochrome

#364038 #526154 #88a18c #b8c7ba #cfd9d1 #e7ece8

Analogous

#8cab7c #afc4a3 #88a18c #96bcb0 #7cab9c #63897d

Complementary Mix

#526154 #88a18c #b8c7ba #a1879c #c2b1bf #695865

Nearby Colors

#88a18b
#88a18d
#88a17c
#88a19c

Embed #88A18C swatch

Embed this swatch

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

Open image

About #88A18C

#88A18C converts to RGB(136, 161, 140) and HSL(130, 12%, 58%). 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).

#88A18C FAQs

What is the RGB value of #88A18C?
RGB: 136, 161, 140. Copy as CSS: rgb(136, 161, 140)
Is #88A18C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #88A18C?
Complement: #a1879c.
Does #88A18C have good contrast on white or black?
On white: 2.79:1 (Fails AA). On black: 7.52:1 (AAA (normal text)).