#8686C5 Color

Color Information

HEX#8686C5
RGB134, 134, 197
HSL240° , 35% , 65%
HSV240° , 32% , 77%
CMYK32%, 32%, 0%, 23%

Lighter Shades

#9595CC #A3A3D3 #B2B2DA #C0C0E1 #CFCFE8 #DDDDEF

Darker Shades

#7676AD #666696 #56567E #464666 #36364F #262637

Complementary Palette

#7373A9 #8686C5 #A9A974 #C5C587 #CDCD98 #9797CD

Analogous Palette

#8A9AA8 #98A6B3 #7E7EB9 #8686C5 #A698B3 #ADA1BA

Triadic Palette

#7676AD #8686C5 #CE7E7E #D48D8D #7ECE7E #6FB56F

Split Complementary Palette

#7979B1 #8686C5 #C5A687 #CBAF93 #A6C587 #95B17A

Square Palette

#7171A5 #8686C5 #BC8FA6 #BCBC8F #87C5A6 #9ACEB4

Tetradic Palette

#6E6EA2 #8686C5 #D576D5 #C5C587 #76D576 #8FDD8F

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #8686C5 contains 134 red, 134 green, and 197 blue.

Contrast Ratio: 3.32:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.32:1