#BAA130 Color

Color Information

HEX#BAA130
RGB186, 161, 48
HSL49° , 59% , 46%
HSV49° , 74% , 73%
CMYK0%, 13%, 74%, 27%

Lighter Shades

#C2AC49 #CBB862 #D3C37B #DBCE93 #E3D9AC #ECE5C5

Darker Shades

#A48E2A #8D7A24 #77671F #615419 #4A4013 #342D0D

Complementary Palette

#A08A29 #BAA130 #293FA1 #3049BB #4D62C5 #C4AE4D

Analogous Palette

#955C41 #A36548 #AF972D #BAA130 #86A348 #8EA659

Triadic Palette

#A48E2A #BAA130 #24C6A9 #3ECDB3 #A924C6 #9520AE

Split Complementary Palette

#A7912B #BAA130 #308FBB #459AC2 #5C30BB #532BA8

Square Palette

#9C8728 #BAA130 #3CAF60 #3C51AF #BB308F #C651A1

Tetradic Palette

#998427 #BAA130 #3CD01B #3049BB #AF1BD0 #BD44D8

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #BAA130 contains 186 red, 161 green, and 48 blue.

Contrast Ratio: 2.51:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 8.36:1