#5066AA Color

Color Information

HEX#5066AA
RGB80, 102, 170
HSL225° , 36% , 49%
HSV225° , 53% , 67%
CMYK53%, 40%, 0%, 33%

Lighter Shades

#6578B4 #7A8BBE #8F9DC9 #A4AFD3 #B9C2DD #CED4E7

Darker Shades

#465A96 #3D4E81 #33416D #2A3558 #202944 #161D30

Complementary Palette

#455892 #5066AA #927E45 #AA9350 #B6A269 #697BB6

Analogous Palette

#607C85 #698791 #4B60A0 #5066AA #736991 #7E7599

Triadic Palette

#465A96 #5066AA #B64360 #BF5A73 #60B643 #54A03B

Split Complementary Palette

#485C99 #5066AA #AA6650 #B37562 #93AA50 #849948

Square Palette

#43568F #5066AA #9D5C8D #9D8D5C #50AA66 #6CB87E

Tetradic Palette

#42548B #5066AA #9F39C0 #AA9350 #5BC039 #79CB5D

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #5066AA contains 80 red, 102 green, and 170 blue.

Contrast Ratio: 5.48:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.83:1