#BA1585 Color

Color Information

HEX#BA1585
RGB186, 21, 133
HSL319° , 80% , 41%
HSV319° , 89% , 73%
CMYK0%, 89%, 28%, 27%

Lighter Shades

#C23194 #CB4DA2 #D369B1 #DB85C0 #E3A1CE #ECBDDD

Darker Shades

#A41275 #8D1065 #770D55 #610B45 #4A0835 #340625

Complementary Palette

#A01272 #BA1585 #12A240 #15BC4A #36C563 #C43696

Analogous Palette

#86279B #902AA7 #AF147D #BA1585 #A72A41 #AB3F53

Triadic Palette

#A41275 #BA1585 #8BC70A #99CE27 #0A8BC7 #097AAF

Split Complementary Palette

#A71378 #BA1585 #34BC15 #48C32C #15BC9E #13A98E

Square Palette

#9C1270 #BA1585 #B2971F #1FB24E #1534BC #3A54C7

Tetradic Palette

#99116D #BA1585 #CF4302 #15BC4A #028ECF #30A2D8

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #BA1585 contains 186 red, 21 green, and 133 blue.

Contrast Ratio: 5.95:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.53:1