#5B62AA Color

Color Information

HEX#5B62AA
RGB91, 98, 170
HSL235° , 32% , 51%
HSV235° , 46% , 67%
CMYK46%, 42%, 0%, 33%

Lighter Shades

#6F75B4 #8288BE #969BC9 #AAADD3 #BDC0DD #D1D3E7

Darker Shades

#505696 #454A81 #3A3F6D #2F3358 #242744 #191B30

Complementary Palette

#4E5492 #5B62AA #928C4D #AAA35A #B6B071 #7278B6

Analogous Palette

#667B8A #6F8595 #565CA0 #5B62AA #7F6F95 #897B9D

Triadic Palette

#505696 #5B62AA #B74E56 #C0636A #56B74E #4CA145

Split Complementary Palette

#525899 #5B62AA #AA7B5A #B3886B #89AA5A #7B9951

Square Palette

#4C528F #5B62AA #9E6787 #9E9967 #5AAA7B #74B890

Tetradic Palette

#4B508B #5B62AA #B644C1 #AAA35A #4EC144 #6ECC66

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #5B62AA contains 91 red, 98 green, and 170 blue.

Contrast Ratio: 5.56:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.78:1