#BA376D Color

Color Information

HEX#BA376D
RGB186, 55, 109
HSL335° , 54% , 47%
HSV335° , 70% , 73%
CMYK0%, 70%, 41%, 27%

Lighter Shades

#C24F7F #CB6790 #D37FA2 #DB97B3 #E3AFC5 #ECC7D6

Darker Shades

#A43060 #8D2A53 #772346 #611D39 #4A162C #340F1F

Complementary Palette

#A02F5E #BA376D #2F9F71 #37B983 #53C394 #C45381

Analogous Palette

#93488D #A14F9A #AF3466 #BA376D #A1564F #A5655F

Triadic Palette

#A43060 #BA376D #6BC52B #7DCC44 #2B6BC5 #265EAD

Split Complementary Palette

#A73262 #BA376D #37B942 #4BC055 #37AEB9 #329DA7

Square Palette

#9C2E5C #BA376D #A4AD43 #43AD81 #4237B9 #6057C4

Tetradic Palette

#992D59 #BA376D #CE8622 #37B983 #2269CE #4A84D7

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #BA376D contains 186 red, 55 green, and 109 blue.

Contrast Ratio: 5.47:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.84:1