#BAAF0A Color

Color Information

HEX#BAAF0A
RGB186, 175, 10
HSL56° , 90% , 38%
HSV56° , 95% , 73%
CMYK0%, 6%, 95%, 27%

Lighter Shades

#C2B927 #CBC245 #D3CC62 #DBD580 #E3DF9D #ECE9BA

Darker Shades

#A49A09 #8D8508 #777006 #615B05 #4A4604 #343103

Complementary Palette

#A09709 #BAAF0A #09129E #0A15B8 #2C36C2 #C4BA2C

Analogous Palette

#98511B #A5581D #AFA509 #BAAF0A #6AA51D #75A834

Triadic Palette

#A49A09 #BAAF0A #00C2B5 #1FC9BE #B500C2 #9F00AB

Split Complementary Palette

#A79E09 #BAAF0A #0A6DB8 #237CBF #550AB8 #4D09A6

Square Palette

#9C9308 #BAAF0A #13AE57 #131EAE #B80A6D #C33184

Tetradic Palette

#999008 #BAAF0A #0DC200 #0A15B8 #B500C2 #C22ECD

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #BAAF0A contains 186 red, 175 green, and 10 blue.

Contrast Ratio: 2.24:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 9.37:1