#9CA18C

Color Details

HEX
#9CA18C
RGB
rgb(156, 161, 140)
HSL
hsl(74, 10%, 59%)
CMYK
cmyk(3%, 0%, 13%, 37%)
Best text on this color #000000 (CR 7.89:1) Determined by WCAG contrast ratio

Readability Previews

Black on #9ca18c
Contrast 7.89:1 AAA
White on #9ca18c
Contrast 2.66:1 Fail
#9ca18c on Black
Contrast 7.89:1 AAA
#9ca18c on White
Contrast 2.66:1 Fail

Tints & Shades

#b0b4a3
#c4c7ba
#d7d9d1
#7d8170
#5e6154
#3e4038

Complement & Analogous

#918ca1
#8cad7f
#ada17f

Triadic

#8c9ca1
#a18c9c

Monochrome

#3e4038 #5e6154 #9ca18c #c4c7ba #d7d9d1 #ebece8

Analogous

#ada17f #c6bda5 #9ca18c #a3bd99 #8cad7f #708a66

Complementary Mix

#5e6154 #9ca18c #c4c7ba #918ca1 #b8b4c2 #5e5b69

Nearby Colors

#9ca18b
#9ca18d
#9ca17c
#9ca19c

Embed #9CA18C swatch

Embed this swatch

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

Open image

About #9CA18C

#9CA18C converts to RGB(156, 161, 140) and HSL(74, 10%, 59%). 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).

#9CA18C FAQs

What is the RGB value of #9CA18C?
RGB: 156, 161, 140. Copy as CSS: rgb(156, 161, 140)
Is #9CA18C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #9CA18C?
Complement: #918ca1.
Does #9CA18C have good contrast on white or black?
On white: 2.66:1 (Fails AA). On black: 7.89:1 (AAA (normal text)).