#BA3E50 Color

Color Information

HEX#BA3E50
RGB186, 62, 80
HSL351° , 50% , 49%
HSV351° , 67% , 73%
CMYK0%, 67%, 57%, 27%

Lighter Shades

#C25565 #CB6C7A #D3838F #DB9BA4 #E3B2B9 #ECC9CE

Darker Shades

#A43746 #8D2F3D #772833 #61202A #4A1920 #341116

Complementary Palette

#A03545 #BA3E50 #35A191 #3EBBA9 #59C5B5 #C45969

Analogous Palette

#95507D #A25788 #AF3A4B #BA3E50 #A27257 #A97D66

Triadic Palette

#A43746 #BA3E50 #48C832 #5ECF4B #3248C8 #2C3FB0

Split Complementary Palette

#A73848 #BA3E50 #3EBB6A #51C279 #3E90BB #3882A8

Square Palette

#9C3443 #BA3E50 #8CAF4B #4BAFA0 #6A3EBB #825DC6

Tetradic Palette

#993342 #BA3E50 #D2B828 #3EBBA9 #2841D2 #4F63DA

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #BA3E50 contains 186 red, 62 green, and 80 blue.

Contrast Ratio: 5.42:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.87:1