#B4322D Color

Color Information

HEX#B4322D
RGB180, 50, 45
HSL2° , 60% , 44%
HSV2° , 75% , 71%
CMYK0%, 72%, 75%, 29%

Lighter Shades

#BD4B46 #C6635F #CF7C79 #D89492 #E1ADAB #EAC6C4

Darker Shades

#9E2C28 #892622 #73201D #5E1A17 #481412 #320E0D

Complementary Palette

#9B2B27 #B4322D #27979B #2DAFB4 #4ABABF #BF4F4A

Analogous Palette

#923F66 #9D436D #A92F2A #B4322D #9D7343 #A27F57

Triadic Palette

#9E2C28 #B4322D #22BF27 #3DC741 #2722BF #221EA8

Split Complementary Palette

#A22D29 #B4322D #2DB475 #42BC83 #2D6CB4 #2961A2

Square Palette

#972A26 #B4322D #6CA838 #38A5A8 #752DB4 #8B4FC0

Tetradic Palette

#942925 #B4322D #C2C819 #2DAFB4 #1F19C8 #4742D2

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #B4322D contains 180 red, 50 green, and 45 blue.

Contrast Ratio: 6.17:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.4:1