#5A587C Color

Color Information

HEX	#5A587C
RGB	90, 88, 124
HSL	243° , 17% , 42%
HSV	243° , 29% , 49%
CMYK	27%, 29%, 0%, 51%

Lighter Shades

#6E6C8C #82809B #9594AB #A9A8BB #BDBCCB #D1D0DA

Darker Shades

#4F4D6D #44435E #3A384F #2F2E40 #242332 #191923

Complementary Palette

#4D4C6B #5A587C #6A6C4D #7B7D59 #8D8F70 #716F8E

Analogous Palette

#556272 #5B697B #555375 #5A587C #6D5B7B #786487

Triadic Palette

#4F4D6D #5A587C #88514E #966663 #4E8851 #457847

Split Complementary Palette

#514F70 #5A587C #7D6D59 #8A7C6A #697D59 #5F7150

Square Palette

#4C4A68 #5A587C #7B5B69 #7A7B5B #597D6D #749284

Tetradic Palette

#4A4866 #5A587C #91468D #7B7D59 #469149 #67A56A

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #5A587C contains 90 red, 88 green, and 124 blue.

Contrast Ratio: 6.77:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.1:1