#9DBA9F

Color Details

HEX
#9DBA9F
RGB
rgb(157, 186, 159)
HSL
hsl(124, 17%, 67%)
CMYK
cmyk(16%, 0%, 15%, 27%)
Best text on this color #000000 (CR 9.96:1) Determined by WCAG contrast ratio

Readability Previews

Black on #9dba9f
Contrast 9.96:1 AAA
White on #9dba9f
Contrast 2.11:1 Fail
#9dba9f on Black
Contrast 9.96:1 AAA
#9dba9f on White
Contrast 2.11:1 Fail

Tints & Shades

#b1c8b2
#c4d6c5
#d8e3d9
#7e957f
#5e705f
#3f4a40

Complement & Analogous

#b99db7
#98bdad
#a8bd98

Triadic

#9e9db9
#b99e9d

Monochrome

#3f4a40 #5e705f #9dba9f #c4d6c5 #d8e3d9 #ebf1ec

Analogous

#a8bd98 #c2d1b7 #9dba9f #adcabd #98bdad #7a978a

Complementary Mix

#5e705f #9dba9f #c4d6c5 #b99db7 #d2bfd0 #786677

Nearby Colors

#9dba9e
#9dbaa0
#9dba8f
#9dbaaf

Embed #9DBA9F swatch

Embed this swatch

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

Open image

About #9DBA9F

#9DBA9F converts to RGB(157, 186, 159) and HSL(124, 17%, 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).

#9DBA9F FAQs

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