#8AA696 Color

Color Information

HEX#8AA696
RGB138, 166, 150
HSL146° , 14% , 60%
HSV146° , 17% , 65%
CMYK17%, 0%, 10%, 35%

Lighter Shades

#98B1A3 #A6BBAF #B4C6BC #C2D1C8 #D0DBD5 #DEE6E2

Darker Shades

#799284 #697E72 #586A60 #48564E #37423C #272E2A

Complementary Palette

#778F81 #8AA696 #907885 #A78B9B #B39BA9 #9AB2A5

Analogous Palette

#7E9D7B #8CA88A #829C8D #8AA696 #8AA8A6 #92AFAC

Triadic Palette

#799284 #8AA696 #9681B1 #A390BA #B19681 #9C8472

Split Complementary Palette

#7C9587 #8AA696 #A58BA7 #AE97B0 #A78B8D #967D7F

Square Palette

#748B7E #8AA696 #8A8CA8 #A88A9B #A7A58B #B5B39E

Tetradic Palette

#71887B #8AA696 #789DBA #A78B9B #BA9578 #C6A890

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #8AA696 contains 138 red, 166 green, and 150 blue.

Contrast Ratio: 2.59:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 8.11:1