#BA686A Color

Color Information

HEX	#BA686A
RGB	186, 104, 106
HSL	359° , 37% , 57%
HSV	359° , 44% , 73%
CMYK	0%, 44%, 43%, 27%

Lighter Shades

#C27A7C #CB8C8E #D39EA0 #DBB0B2 #E3C3C3 #ECD5D5

Darker Shades

#A45C5D #8D4F51 #774344 #613637 #4A2A2A #341D1E

Complementary Palette

#A0595B #BA686A #5AA09F #69BAB9 #7EC4C3 #C47D7F

Analogous Palette

#997588 #A47F92 #AF6264 #BA686A #A4917F #AC9B8B

Triadic Palette

#A45C5D #BA686A #60C55E #73CC71 #5E60C5 #5354AD

Split Complementary Palette

#A75E5F #BA686A #69BA90 #78C19B #6993BA #5F84A7

Square Palette

#9C5759 #BA686A #92AF74 #74AFAE #9069BA #A281C5

Tetradic Palette

#995557 #BA686A #CECC55 #69BAB9 #5557CE #7475D7

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #BA686A contains 186 red, 104 green, and 106 blue.

Contrast Ratio: 3.95:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.32:1