#BA30AA Color

Color Information

HEX	#BA30AA
RGB	186, 48, 170
HSL	307° , 59% , 46%
HSV	307° , 74% , 73%
CMYK	0%, 74%, 9%, 27%

Lighter Shades

#C249B4 #CB62BE #D37BC9 #DB93D3 #E3ACDD #ECC5E7

Darker Shades

#A42A96 #8D2481 #771F6D #611958 #4A1344 #340D30

Complementary Palette

#A02992 #BA30AA #29A137 #30BB40 #4DC55B #C44DB6

Analogous Palette

#754195 #8048A3 #AF2DA0 #BA30AA #A3486B #A65977

Triadic Palette

#A42A96 #BA30AA #B3C624 #BCCD3E #24B3C6 #209EAE

Split Complementary Palette

#A72B99 #BA30AA #65BB30 #74C245 #30BB85 #2BA878

Square Palette

#9C288F #BA30AA #AF833C #3CAF49 #3065BB #517EC6

Tetradic Palette

#99278B #BA30AA #D0301B #30BB40 #1BBBD0 #44C7D8

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #BA30AA contains 186 red, 48 green, and 170 blue.

Contrast Ratio: 5.15:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4.08:1