#BA86DA Color

Color Information

HEX#BA86DA
RGB186, 134, 218
HSL277° , 53% , 69%
HSV277° , 39% , 85%
CMYK15%, 39%, 0%, 15%

Lighter Shades

#C295DE #CBA3E3 #D3B2E7 #DBC0EC #E3CFF0 #ECDDF5

Darker Shades

#A476C0 #8D66A6 #77568C #614671 #4A3657 #34263D

Complementary Palette

#A073BB #BA86DA #8FBB73 #A6DA86 #B2DF97 #C497DF

Analogous Palette

#948FB7 #9C96CA #AF7ECD #BA86DA #CA96C4 #CFA0CA

Triadic Palette

#A476C0 #BA86DA #E2BC7E #E5C48D #7EE2BC #6FC7A5

Split Complementary Palette

#A779C4 #BA86DA #D0DA86 #D5DE92 #86DA90 #79C482

Square Palette

#9C71B7 #BA86DA #D2968E #A8D28E #86D0DA #99D8E0

Tetradic Palette

#996EB3 #BA86DA #E878A3 #A6DA86 #78E8BD #90ECC9

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #BA86DA contains 186 red, 134 green, and 218 blue.

Contrast Ratio: 2.76:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.62:1