#5063AB Color

Color Information

HEX#5063AB
RGB80, 99, 171
HSL227° , 36% , 49%
HSV227° , 53% , 67%
CMYK53%, 42%, 0%, 33%

Lighter Shades

#6576B5 #7A88BF #8F9BC9 #A4AED3 #B9C1DD #CED3E7

Darker Shades

#465796 #3D4B82 #333F6D #2A3359 #202844 #161C30

Complementary Palette

#455593 #5063AB #928145 #AA9650 #B6A569 #6979B7

Analogous Palette

#607A85 #698691 #4B5DA1 #5063AB #746991 #7F7599

Triadic Palette

#465796 #5063AB #B6435C #BF5A70 #5CB643 #51A03B

Split Complementary Palette

#48599A #5063AB #AA6950 #B37862 #90AA50 #829948

Square Palette

#435390 #5063AB #9D5C8B #9D8F5C #50AA69 #6CB881

Tetradic Palette

#42518C #5063AB #A339C0 #AA9650 #57C039 #75CB5D

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #5063AB contains 80 red, 99 green, and 171 blue.

Contrast Ratio: 5.65:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.72:1