#BA83DC Color

Color Information

HEX#BA83DC
RGB186, 131, 220
HSL277° , 56% , 69%
HSV277° , 40% , 86%
CMYK15%, 40%, 0%, 14%

Lighter Shades

#C292E0 #CBA1E4 #D3B0E9 #DBBFED #E3CDF1 #ECDCF5

Darker Shades

#A473C2 #8D64A7 #77548D #614472 #4A3458 #34253E

Complementary Palette

#A071BD #BA83DC #8FBD72 #A6DC84 #B2E195 #C494E1

Analogous Palette

#908BB6 #9A93CC #AF7BCF #BA83DC #CC93C6 #D19ECB

Triadic Palette

#A473C2 #BA83DC #E4BC7C #E7C48C #7CE4BC #6DC9A5

Split Complementary Palette

#A776C6 #BA83DC #D2DC84 #D7E090 #84DC8E #77C680

Square Palette

#9C6EB9 #BA83DC #D4948C #A7D48C #84D2DC #98D9E2

Tetradic Palette

#996BB4 #BA83DC #EA75A2 #A6DC84 #75EABE #8EEECA

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #BA83DC contains 186 red, 131 green, and 220 blue.

Contrast Ratio: 2.81:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.47:1