#BA64E2 Color

Color Information

HEX#BA64E2
RGB186, 100, 226
HSL281° , 68% , 64%
HSV281° , 56% , 89%
CMYK18%, 56%, 0%, 11%

Lighter Shades

#C277E5 #CB89E9 #D39CEC #DBAEF0 #E3C1F3 #ECD4F7

Darker Shades

#A458C7 #8D4CAC #774091 #613476 #4A285A #341C3F

Complementary Palette

#A056C2 #BA64E2 #78C257 #8CE265 #9CE67B #C47AE6

Analogous Palette

#7F72BB #8777CF #AF5ED4 #BA64E2 #CF77BF #D382C4

Triadic Palette

#A458C7 #BA64E2 #EBBD5C #EDC570 #5CEBBD #51CFA6

Split Complementary Palette

#A75ACB #BA64E2 #CBE265 #D0E574 #65E27C #5BCB70

Square Palette

#9C54BE #BA64E2 #D8816E #90D86E #65CBE2 #7ED3E7

Tetradic Palette

#9952B9 #BA64E2 #F25486 #8CE265 #54F2C0 #73F4CB

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #BA64E2 contains 186 red, 100 green, and 226 blue.

Contrast Ratio: 3.47:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.06:1