#BA558A Color

Color Information

HEX#BA558A
RGB186, 85, 138
HSL329° , 42% , 53%
HSV329° , 54% , 73%
CMYK0%, 54%, 26%, 27%

Lighter Shades

#C26998 #CB7EA6 #D392B4 #DBA7C2 #E3BBD0 #ECCFDE

Darker Shades

#A44B79 #8D4169 #773658 #612C48 #4A2237 #341827

Complementary Palette

#A04977 #BA558A #499F72 #55B985 #6DC396 #C46D9A

Analogous Palette

#916892 #A16DA2 #AF5082 #BA558A #A26D6E #A9797A

Triadic Palette

#A44B79 #BA558A #89C549 #97CC5F #4989C5 #4079AD

Split Complementary Palette

#A74D7C #BA558A #56B955 #67C066 #55B9B8 #4DA7A6

Square Palette

#9C4774 #BA558A #AEAC61 #61AE86 #5556B9 #7071C4

Tetradic Palette

#994671 #BA558A #CF853F #55B985 #3F8ACF #629FD8

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #BA558A contains 186 red, 85 green, and 138 blue.

Contrast Ratio: 4.4:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 4.77:1