#9DAA96 Color

Color Information

HEX#9DAA96
RGB157, 170, 150
HSL99° , 11% , 63%
HSV99° , 12% , 67%
CMYK8%, 0%, 12%, 33%

Lighter Shades

#A9B4A3 #B5BEAF #C0C9BC #CCD3C8 #D8DDD5 #E4E7E2

Darker Shades

#8A9684 #778172 #646D60 #52584E #3F443C #2C302A

Complementary Palette

#879281 #9DAA96 #8D8193 #A496AB #B1A5B7 #ABB6A5

Analogous Palette

#A1A484 #ABAF92 #94A08D #9DAA96 #92AF97 #9BB59F

Triadic Palette

#8A9684 #9DAA96 #8D9CB4 #9BA8BD #B48D9C #9E7C89

Split Complementary Palette

#8D9987 #9DAA96 #9996AB #A3A1B3 #AB96A8 #9A8797

Square Palette

#848F7E #9DAA96 #92ABAF #A592AF #AB9996 #B8A9A7

Tetradic Palette

#818B7B #9DAA96 #85BCAA #A496AB #BC859A #C89BAC

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #9DAA96 contains 157 red, 170 green, and 150 blue.

Contrast Ratio: 2.39:1

Black Background

PASS

Example Headline (24px)

This shade works well for UI design, branding, typography, and digital projects.

Contrast Ratio: 8.77:1