#BAA217 Color

Color Information

HEX#BAA217
RGB186, 162, 23
HSL51° , 78% , 41%
HSV51° , 88% , 73%
CMYK0%, 13%, 88%, 27%

Lighter Shades

#C2AD33 #CBB84F #D3C36B #DBCF86 #E3DAA2 #ECE5BE

Darker Shades

#A48F14 #8D7B11 #77680F #61540C #4A4109 #342D06

Complementary Palette

#A08B14 #BAA217 #1428A0 #172FBA #374CC4 #C4AF37

Analogous Palette

#995029 #A5562C #AF9816 #BAA217 #7BA52C #85A942

Triadic Palette

#A48F14 #BAA217 #0DC5A9 #2ACCB3 #A90DC5 #950BAD

Split Complementary Palette

#A79215 #BAA217 #1781BA #2E8EC1 #5017BA #4815A7

Square Palette

#9C8813 #BAA217 #21B053 #2137B0 #BA1781 #C53C95

Tetradic Palette

#998513 #BAA217 #22CD04 #172FBA #AF04CD #BD31D6

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #BAA217 contains 186 red, 162 green, and 23 blue.

Contrast Ratio: 2.5:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 8.4:1