#BA70A3 Color

Color Information

HEX#BA70A3
RGB186, 112, 163
HSL319° , 35% , 58%
HSV319° , 40% , 73%
CMYK0%, 40%, 12%, 27%

Lighter Shades

#C281AE #CB92B9 #D3A3C4 #DBB5CF #E3C6DA #ECD7E5

Darker Shades

#A4638F #8D557C #774868 #613A55 #4A2D41 #341F2E

Complementary Palette

#A0608C #BA70A3 #5F9F73 #6EB986 #82C397 #C484B0

Analogous Palette

#937599 #9F84A4 #AF6999 #BA70A3 #A4848A #AA8D92

Triadic Palette

#A4638F #BA70A3 #A7C464 #B2CB77 #64A7C4 #5893AC

Split Complementary Palette

#A76593 #BA70A3 #7CB96E #89C07D #6EB9AC #63A79B

Square Palette

#9C5E89 #BA70A3 #AFA679 #79AF8A #6E7CB9 #8591C4

Tetradic Palette

#995C86 #BA70A3 #CD7F5B #6EB986 #5BABCD #79BAD6

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #BA70A3 contains 186 red, 112 green, and 163 blue.

Contrast Ratio: 3.5:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6:1