#BA7021 Color

Color Information

HEX#BA7021
RGB186, 112, 33
HSL31° , 70% , 43%
HSV31° , 82% , 73%
CMYK0%, 40%, 82%, 27%

Lighter Shades

#C2813C #CB9256 #D3A371 #DBB58C #E3C6A6 #ECD7C1

Darker Shades

#A4631D #8D5519 #774815 #613A11 #4A2D0D #341F09

Complementary Palette

#A0601C #BA7021 #1C5CA0 #216BBA #4080C4 #C48440

Analogous Palette

#953332 #A43937 #AF691F #BA7021 #A3A437 #A7A94C

Triadic Palette

#A4631D #BA7021 #16C571 #32CC82 #7116C5 #6313AD

Split Complementary Palette

#A7651E #BA7021 #21B8BA #37BFC1 #2321BA #201EA7

Square Palette

#9C5E1C #BA7021 #2CAF2E #2C6BAF #BA21B8 #C545C3

Tetradic Palette

#995C1B #BA7021 #6ACE0D #216BBA #710DCE #8B39D7

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #BA7021 contains 186 red, 112 green, and 33 blue.

Contrast Ratio: 3.83:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.48:1