#5A77A6 Color

Color Information

HEX#5A77A6
RGB90, 119, 166
HSL217° , 30% , 50%
HSV217° , 46% , 65%
CMYK46%, 28%, 0%, 35%

Lighter Shades

#6E87B1 #8298BB #95A8C6 #A9B8D1 #BDC9DB #D1D9E6

Darker Shades

#4F6992 #445A7E #3A4C6A #2F3E56 #243042 #19212E

Complementary Palette

#4D668F #5A77A6 #8F754D #A68859 #B29970 #718AB2

Analogous Palette

#648287 #6C8E93 #55709C #5A77A6 #716C93 #7D789B

Triadic Palette

#4F6992 #5A77A6 #B34D74 #BC6285 #74B34D #669E44

Split Complementary Palette

#516B95 #5A77A6 #A66259 #AF726A #9DA659 #8D9550

Square Palette

#4C648B #5A77A6 #996693 #998566 #59A662 #74B47B

Tetradic Palette

#4A6288 #5A77A6 #8E42BD #A68859 #71BD42 #8BC964

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #5A77A6 contains 90 red, 119 green, and 166 blue.

Contrast Ratio: 4.5:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 4.67:1