#8396B0 Color

Color Information

HEX#8396B0
RGB131, 150, 176
HSL215° , 22% , 60%
HSV215° , 26% , 69%
CMYK26%, 15%, 0%, 31%

Lighter Shades

#92A3B9 #A1AFC3 #B0BCCC #BFC8D6 #CDD5DF #DCE2E9

Darker Shades

#73849B #647286 #546071 #444E5C #343C46 #252A31

Complementary Palette

#718197 #8396B0 #978771 #AF9D83 #BAAB94 #94A5BB

Analogous Palette

#7B9B9D #8AA6A8 #7B8DA5 #8396B0 #8C8AA8 #9592AF

Triadic Palette

#73849B #8396B0 #BA7894 #C288A1 #94BA78 #82A46A

Split Complementary Palette

#76879E #8396B0 #AF8683 #B7928F #ACAF83 #9B9E76

Square Palette

#6E7E94 #8396B0 #A88AA6 #A89C8A #83AF86 #97BC99

Tetradic Palette

#6B7B90 #8396B0 #A070C2 #AF9D83 #92C270 #A6CD8A

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #8396B0 contains 131 red, 150 green, and 176 blue.

Contrast Ratio: 2.97:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.07:1