#BA3580 Color

Color Information

HEX#BA3580
RGB186, 53, 128
HSL326° , 56% , 47%
HSV326° , 72% , 73%
CMYK0%, 72%, 31%, 27%

Lighter Shades

#C24D8F #CB659E #D37EAE #DB96BD #E3AECC #ECC6DB

Darker Shades

#A42F71 #8D2861 #772252 #611C43 #4A1533 #340F24

Complementary Palette

#A02E6E #BA3580 #2EA15F #35BB6F #51C583 #C45192

Analogous Palette

#904695 #9D4DA3 #AF3278 #BA3580 #A34D52 #A65E63

Triadic Palette

#A42F71 #BA3580 #82C729 #91CE43 #2982C7 #2472AF

Split Complementary Palette

#A73073 #BA3580 #3EBB35 #51C249 #35BBB2 #30A8A0

Square Palette

#9C2D6C #BA3580 #AFA841 #41AF70 #353EBB #555DC6

Tetradic Palette

#992B69 #BA3580 #D16C1F #35BB6F #1F84D1 #479AD9

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #BA3580 contains 186 red, 53 green, and 128 blue.

Contrast Ratio: 5.4:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.89:1