#8AAC97 Color

Color Information

HEX#8AAC97
RGB138, 172, 151
HSL143° , 17% , 61%
HSV143° , 20% , 67%
CMYK20%, 0%, 12%, 33%

Lighter Shades

#98B6A3 #A6C0B0 #B4CABC #C2D4C9 #D0DED5 #DEE8E2

Darker Shades

#799785 #698373 #586E61 #48594F #37453C #27302A

Complementary Palette

#779482 #8AAC97 #947889 #AC8B9F #B89BAC #9AB8A6

Analogous Palette

#82A07E #90AA8D #82A28E #8AAC97 #8DAAA8 #95B1AE

Triadic Palette

#799785 #8AAC97 #9681B6 #A390BF #B69681 #A08472

Split Complementary Palette

#7C9B88 #8AAC97 #A98BAC #B297B4 #AC8B8F #9B7D81

Square Palette

#74907F #8AAC97 #8D90AA #AA8D9F #ACA98B #B9B79E

Tetradic Palette

#718D7C #8AAC97 #79A3BE #AC8B9F #BE9579 #CAA891

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #8AAC97 contains 138 red, 172 green, and 151 blue.

Contrast Ratio: 2.45:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 8.57:1