#5A5777 Color

Color Information

HEX	#5A5777
RGB	90, 87, 119
HSL	246° , 16% , 40%
HSV	246° , 27% , 47%
CMYK	24%, 27%, 0%, 53%

Lighter Shades

#6E6B87 #827F98 #9593A8 #A9A8B8 #BDBCC9 #D1D0D9

Darker Shades

#4F4D69 #44425A #3A384C #2F2D3E #242330 #191821

Complementary Palette

#4D4B66 #5A5777 #63654A #737656 #87896E #716F8A

Analogous Palette

#505C6D #576375 #555270 #5A5777 #695775 #766284

Triadic Palette

#4F4D69 #5A5777 #81514B #906661 #4B8151 #427247

Split Complementary Palette

#514E6B #5A5777 #766956 #847867 #637656 #596A4D

Square Palette

#4C4964 #5A5777 #755763 #727557 #567669 #718C81

Tetradic Palette

#4A4762 #5A5777 #894382 #737656 #43894A #659E6B

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #5A5777 contains 90 red, 87 green, and 119 blue.

Contrast Ratio: 6.9:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.04:1