#9DBA8A

Color Details

HEX
#9DBA8A
RGB
rgb(157, 186, 138)
HSL
hsl(96, 26%, 64%)
CMYK
cmyk(16%, 0%, 26%, 27%)
Best text on this color #000000 (CR 9.82:1) Determined by WCAG contrast ratio

Readability Previews

Black on #9dba8a
Contrast 9.82:1 AAA
White on #9dba8a
Contrast 2.14:1 Fail
#9dba8a on Black
Contrast 9.82:1 AAA
#9dba8a on White
Contrast 2.14:1 Fail

Tints & Shades

#b1c8a1
#c4d6b9
#d8e3d0
#7e956e
#5e7053
#3f4a37

Complement & Analogous

#a88bbb
#8bbb90
#b6bb8b

Triadic

#8b9ebb
#bb8b9e

Monochrome

#3f4a37 #5e7053 #9dba8a #c4d6b9 #d8e3d0 #ebf1e8

Analogous

#b6bb8b #cccfae #9dba8a #a2c9a6 #8bbb90 #6f9673

Complementary Mix

#5e7053 #9dba8a #c4d6b9 #a88bbb #c6b4d3 #6d5a7a

Nearby Colors

#9dba89
#9dba8b
#9dba7a
#9dba9a

Embed #9DBA8A swatch

Embed this swatch

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

Open image

About #9DBA8A

#9DBA8A converts to RGB(157, 186, 138) and HSL(96, 26%, 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).

#9DBA8A FAQs

What is the RGB value of #9DBA8A?
RGB: 157, 186, 138. Copy as CSS: rgb(157, 186, 138)
Is #9DBA8A a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #9DBA8A?
Complement: #a88bbb.
Does #9DBA8A have good contrast on white or black?
On white: 2.14:1 (Fails AA). On black: 9.82:1 (AAA (normal text)).