#8686B5 Color

Color Information

HEX#8686B5
RGB134, 134, 181
HSL240° , 24% , 62%
HSV240° , 26% , 71%
CMYK26%, 26%, 0%, 29%

Lighter Shades

#9595BE #A3A3C7 #B2B2D0 #C0C0D9 #CFCFE1 #DDDDEA

Darker Shades

#76769F #66668A #565674 #46465E #363648 #262633

Complementary Palette

#73739C #8686B5 #9C9C74 #B5B587 #BFBF98 #9797BF

Analogous Palette

#8191A2 #909EAD #7E7EAA #8686B5 #9E90AD #A698B3

Triadic Palette

#76769F #8686B5 #BF7D7D #C78D8D #7DBF7D #6EA86E

Split Complementary Palette

#7979A3 #8686B5 #B59E87 #BCA893 #9EB587 #8EA37A

Square Palette

#717198 #8686B5 #AD909E #ADAD90 #87B59E #9AC1AE

Tetradic Palette

#6E6E94 #8686B5 #C775C7 #B5B587 #75C775 #8ED18E

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #8686B5 contains 134 red, 134 green, and 181 blue.

Contrast Ratio: 3.4:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.18:1