#BA2A30 Color

Color Information

HEX	#BA2A30
RGB	186, 42, 48
HSL	358° , 63% , 45%
HSV	358° , 77% , 73%
CMYK	0%, 77%, 74%, 27%

Lighter Shades

#C24449 #CB5D62 #D3777B #DB9093 #E3AAAC #ECC3C5

Darker Shades

#A4252A #8D2024 #771B1F #611619 #4A1113 #340C0D

Complementary Palette

#A02429 #BA2A30 #24A19D #2ABBB6 #48C5C0 #C4484D

Analogous Palette

#963C6C #A44176 #AF272D #BA2A30 #A46F41 #A67A54

Triadic Palette

#A4252A #BA2A30 #25C71F #3FCE3A #1F25C7 #1B21AF

Split Complementary Palette

#A7262B #BA2A30 #2ABB6E #3FC27D #2A78BB #266CA8

Square Palette

#9C2328 #BA2A30 #77B036 #36B0AC #6E2ABB #854CC6

Tetradic Palette

#992227 #BA2A30 #D0CA16 #2ABBB6 #161CD0 #4045D8

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #BA2A30 contains 186 red, 42 green, and 48 blue.

Contrast Ratio: 6.12:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.43:1