#BA649B Color

Color Information

HEX#BA649B
RGB186, 100, 155
HSL322° , 38% , 56%
HSV322° , 46% , 73%
CMYK0%, 46%, 17%, 27%

Lighter Shades

#C277A7 #CB89B3 #D39CBF #DBAECB #E3C1D7 #ECD4E3

Darker Shades

#A45888 #8D4C76 #774063 #613451 #4A283E #341C2B

Complementary Palette

#A05685 #BA649B #569F71 #64B983 #7AC394 #C47AA9

Analogous Palette

#906F95 #9E7BA3 #AF5E92 #BA649B #A37B80 #A98489

Triadic Palette

#A45888 #BA649B #9DC559 #A9CC6D #599DC5 #4E8AAD

Split Complementary Palette

#A75A8C #BA649B #70B964 #7EC074 #64B9AE #5AA79D

Square Palette

#9C5482 #BA649B #AEA66F #6FAE86 #6470B9 #7D87C4

Tetradic Palette

#99527F #BA649B #CE7E50 #64B983 #50A0CE #70B1D7

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #BA649B contains 186 red, 100 green, and 155 blue.

Contrast Ratio: 3.87:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.43:1