#5077A6 Color

Color Information

HEX#5077A6
RGB80, 119, 166
HSL213° , 35% , 48%
HSV213° , 52% , 65%
CMYK52%, 28%, 0%, 35%

Lighter Shades

#6587B1 #7A98BB #8FA8C6 #A4B8D1 #B9C9DB #CED9E6

Darker Shades

#466992 #3D5A7E #334C6A #2A3E56 #203042 #16212E

Complementary Palette

#45668F #5077A6 #8E6D45 #A57F50 #B29169 #698AB2

Analogous Palette

#5F7F81 #688B8D #4B709C #5077A6 #6A688D #747297

Triadic Palette

#466992 #5077A6 #B14375 #BA5A86 #75B143 #679C3B

Split Complementary Palette

#486B95 #5077A6 #A55450 #AE6562 #A1A550 #919548

Square Palette

#43648B #5077A6 #995C96 #997D5C #50A554 #6CB36F

Tetradic Palette

#426288 #5077A6 #813ABB #A57F50 #74BB3A #8DC75D

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #5077A6 contains 80 red, 119 green, and 166 blue.

Contrast Ratio: 4.6:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 4.57:1