#8986DF Color

Color Information

HEX#8986DF
RGB137, 134, 223
HSL242° , 58% , 70%
HSV242° , 40% , 87%
CMYK39%, 40%, 0%, 13%

Lighter Shades

#9795E3 #A5A3E7 #B3B2EB #C2C0EE #D0CFF2 #DEDDF6

Darker Shades

#7976C4 #6866A9 #58568F #474674 #373659 #26263E

Complementary Palette

#7673C0 #8986DF #BDC073 #DCDF86 #E1E397 #9A97E3

Analogous Palette

#8CA2BA #95B1D0 #817ED2 #8986DF #B495D0 #BB9FD5

Triadic Palette

#7976C4 #8986DF #E7827E #EA918D #7EE782 #6FCB72

Split Complementary Palette

#7B79C9 #8986DF #DFB586 #E2BC92 #B0DF86 #9EC979

Square Palette

#7371BB #8986DF #D78EB0 #D5D78E #86DFB5 #99E4C1

Tetradic Palette

#706EB7 #8986DF #ED78E9 #DCDF86 #78ED7C #90F094

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #8986DF contains 137 red, 134 green, and 223 blue.

Contrast Ratio: 3.17:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.63:1