#9DBA9B

Color Details

HEX
#9DBA9B
RGB
rgb(157, 186, 155)
HSL
hsl(116, 18%, 67%)
CMYK
cmyk(16%, 0%, 17%, 27%)
Best text on this color #000000 (CR 9.93:1) Determined by WCAG contrast ratio

Readability Previews

Black on #9dba9b
Contrast 9.93:1 AAA
White on #9dba9b
Contrast 2.11:1 Fail
#9dba9b on Black
Contrast 9.93:1 AAA
#9dba9b on White
Contrast 2.11:1 Fail

Tints & Shades

#b1c8af
#c4d6c3
#d8e3d7
#7e957c
#5e705d
#3f4a3e

Complement & Analogous

#b89cba
#98bda8
#adbd98

Triadic

#9c9eba
#ba9c9e

Monochrome

#3f4a3e #5e705d #9dba9b #c4d6c3 #d8e3d7 #ebf1eb

Analogous

#adbd98 #c6d1b7 #9dba9b #adcab9 #98bda8 #7a9786

Complementary Mix

#5e705d #9dba9b #c4d6c3 #b89cba #d1bfd2 #786579

Nearby Colors

#9dba9a
#9dba9c
#9dba8b
#9dbaab

Embed #9DBA9B swatch

Embed this swatch

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

Open image

About #9DBA9B

#9DBA9B converts to RGB(157, 186, 155) and HSL(116, 18%, 67%). 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).

#9DBA9B FAQs

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