#BA2F22 Color

Color Information

HEX#BA2F22
RGB186, 47, 34
HSL5° , 69% , 43%
HSV5° , 82% , 73%
CMYK0%, 75%, 82%, 27%

Lighter Shades

#C2483D #CB6157 #D37A72 #DB938C #E3ACA7 #ECC5C1

Darker Shades

#A4291E #8D241A #771E16 #611812 #4A130E #340D0A

Complementary Palette

#A0281D #BA2F22 #1D959F #22ADB9 #41B8C3 #C44C41

Analogous Palette

#94335B #A33865 #AF2C20 #BA2F22 #A37738 #A8824D

Triadic Palette

#A4291E #BA2F22 #17C425 #33CB3F #2517C4 #2114AC

Split Complementary Palette

#A72A1F #BA2F22 #22B97A #38C087 #2261B9 #1F57A7

Square Palette

#9C271D #BA2F22 #63AE2D #2DA4AE #7A22B9 #8F45C4

Tetradic Palette

#99271C #BA2F22 #BDCD0E #22ADB9 #1E0ECD #4739D6

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #BA2F22 contains 186 red, 47 green, and 34 blue.

Contrast Ratio: 6.02:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.49:1