#BA63F5 Color

Color Information

HEX#BA63F5
RGB186, 99, 245
HSL276° , 88% , 67%
HSV276° , 60% , 96%
CMYK24%, 60%, 0%, 4%

Lighter Shades

#C276F6 #CB88F7 #D39BF9 #DBAEFA #E3C1FB #ECD3FC

Darker Shades

#A457D8 #8D4BBA #773F9D #61337F #4A2862 #341C45

Complementary Palette

#A055D3 #BA63F5 #86D353 #9CF561 #AAF677 #C479F6

Analogous Palette

#786FCE #7D72E4 #AF5DE6 #BA63F5 #E472D9 #E77EDC

Triadic Palette

#A457D8 #BA63F5 #FDBB58 #FDC36C #58FDBB #4DDFA5

Split Complementary Palette

#A759DD #BA63F5 #E6F561 #E9F671 #61F570 #57DD65

Square Palette

#9C53CE #BA63F5 #EC7669 #9EEC69 #61E6F5 #7AEAF7

Tetradic Palette

#9951C9 #BA63F5 #FF579A #9CF561 #57FFBC #75FFC8

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #BA63F5 contains 186 red, 99 green, and 245 blue.

Contrast Ratio: 3.37:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.23:1