#5073A2 Color

Color Information

HEX	#5073A2
RGB	80, 115, 162
HSL	214° , 34% , 47%
HSV	214° , 51% , 64%
CMYK	51%, 29%, 0%, 36%

Lighter Shades

#6584AD #7A95B8 #8FA5C3 #A4B6CF #B9C7DA #CED8E5

Darker Shades

#46658F #3D577B #334A68 #2A3C54 #202E41 #16202D

Complementary Palette

#45638B #5073A2 #8A6C44 #A17D4F #AE8F68 #6987AF

Analogous Palette

#5D7C7E #66878A #4B6C98 #5073A2 #68668A #726F95

Triadic Palette

#46658F #5073A2 #AD4371 #B75A82 #71AD43 #63983B

Split Complementary Palette

#486892 #5073A2 #A1554F #AA6661 #9BA14F #8C9147

Square Palette

#436188 #5073A2 #955B91 #957C5B #4FA155 #6BB070

Tetradic Palette

#425E85 #5073A2 #803AB6 #A17D4F #70B63A #8AC35D

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #5073A2 contains 80 red, 115 green, and 162 blue.

Contrast Ratio: 4.83:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4.35:1