#BA568A Color

Color Information

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

Lighter Shades

#C26A98 #CB7FA6 #D393B4 #DBA7C2 #E3BBD0 #ECD0DE

Darker Shades

#A44C79 #8D4169 #773758 #612D48 #4A2237 #341827

Complementary Palette

#A04A77 #BA568A #499F72 #55B985 #6DC396 #C46E9A

Analogous Palette

#916892 #A16DA2 #AF5182 #BA568A #A26D6E #A9797A

Triadic Palette

#A44C79 #BA568A #89C549 #97CC5F #4989C5 #4079AD

Split Complementary Palette

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

Square Palette

#9C4874 #BA568A #AEAC61 #61AE86 #5556B9 #7071C4

Tetradic Palette

#994771 #BA568A #CF853F #55B985 #3F8ACF #629FD8

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #BA568A contains 186 red, 86 green, and 138 blue.

Contrast Ratio: 4.37:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 4.81:1