#BA368A Color

Color Information

HEX#BA368A
RGB186, 54, 138
HSL322° , 55% , 47%
HSV322° , 71% , 73%
CMYK0%, 71%, 26%, 27%

Lighter Shades

#C24E98 #CB66A6 #D37EB4 #DB96C2 #E3AFD0 #ECC7DE

Darker Shades

#A43079 #8D2969 #772358 #611C48 #4A1637 #340F27

Complementary Palette

#A02E77 #BA368A #2EA058 #36BA66 #52C47B #C4529A

Analogous Palette

#8A4794 #974EA2 #AF3382 #BA368A #A24E59 #A65E67

Triadic Palette

#A43079 #BA368A #8DC62A #9BCD44 #2A8DC6 #257CAE

Split Complementary Palette

#A7317C #BA368A #48BA36 #5AC14A #36BAA8 #31A797

Square Palette

#9C2D74 #BA368A #AE9F42 #42AE69 #3648BA #5665C5

Tetradic Palette

#992C71 #BA368A #CF6120 #36BA66 #208FCF #48A3D8

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #BA368A contains 186 red, 54 green, and 138 blue.

Contrast Ratio: 5.29:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.97:1