#8396A9 Color

Color Information

HEX	#8396A9
RGB	131, 150, 169
HSL	210° , 18% , 59%
HSV	210° , 22% , 66%
CMYK	22%, 11%, 0%, 34%

Lighter Shades

#92A3B3 #A1AFBE #B0BCC8 #BFC8D2 #CDD5DD #DCE2E7

Darker Shades

#738495 #647280 #54606C #444E58 #343C44 #252A2F

Complementary Palette

#718191 #8396A9 #918172 #A99684 #B5A595 #94A5B5

Analogous Palette

#789B9B #87A6A6 #7B8D9F #8396A9 #8787A6 #9090AD

Triadic Palette

#738495 #8396A9 #B47995 #BD89A2 #95B479 #839E6A

Split Complementary Palette

#768798 #8396A9 #A98484 #B29090 #A9A984 #989877

Square Palette

#6E7E8E #8396A9 #A687A6 #A69687 #84A984 #98B798

Tetradic Palette

#6B7B8B #8396A9 #9571BC #A99684 #95BC71 #A8C88B

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #8396A9 contains 131 red, 150 green, and 169 blue.

Contrast Ratio: 2.99:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.02:1