#BAA162 Color

Color Information

HEX#BAA162
RGB186, 161, 98
HSL43° , 39% , 56%
HSV43° , 47% , 73%
CMYK0%, 13%, 47%, 27%

Lighter Shades

#C2AC75 #CBB888 #D3C39B #DBCEAD #E3D9C0 #ECE5D3

Darker Shades

#A48E56 #8D7A4A #77673F #615433 #4A4027 #342D1B

Complementary Palette

#A08A54 #BAA162 #556BA1 #637CBB #798EC5 #C4AE78

Analogous Palette

#977A72 #A48379 #AF975C #BAA162 #9BA479 #A2AA83

Triadic Palette

#A48E56 #BAA162 #58C6A7 #6CCDB2 #A758C6 #934DAE

Split Complementary Palette

#A79158 #BAA162 #63A8BB #73B1C2 #7663BB #6A59A8

Square Palette

#9C8752 #BAA162 #6EAF7C #6E81AF #BB63A8 #C67CB6

Tetradic Palette

#998450 #BAA162 #73CF4F #637CBB #AB4FCF #BA6FD8

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #BAA162 contains 186 red, 161 green, and 98 blue.

Contrast Ratio: 2.47:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 8.5:1