#BA896F Color

Color Information

HEX#BA896F
RGB186, 137, 111
HSL21° , 35% , 58%
HSV21° , 40% , 73%
CMYK0%, 26%, 40%, 27%

Lighter Shades

#C29780 #CBA592 #D3B3A3 #DBC2B4 #E3D0C5 #ECDED7

Darker Shades

#A47962 #8D6854 #775847 #61473A #4A372C #34261F

Complementary Palette

#A0765F #BA896F #5F899F #6E9FB9 #82ACC3 #C49A83

Analogous Palette

#99757B #A48489 #AF8168 #BA896F #A49F84 #AAA58D

Triadic Palette

#A47962 #BA896F #64C487 #77CB95 #8764C4 #7758AC

Split Complementary Palette

#A77B64 #BA896F #6EB9AE #7DC0B6 #6E7AB9 #636EA7

Square Palette

#9C735D #BA896F #82AF79 #799CAF #AE6EB9 #BB85C4

Tetradic Palette

#99705B #BA896F #A5CD5B #6E9FB9 #855BCD #9B79D6

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #BA896F contains 186 red, 137 green, and 111 blue.

Contrast Ratio: 3:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7:1