#5A7C9E Color

Color Information

HEX	#5A7C9E
RGB	90, 124, 158
HSL	210° , 27% , 49%
HSV	210° , 43% , 62%
CMYK	43%, 22%, 0%, 38%

Lighter Shades

#6E8CAA #829BB5 #95ABC1 #A9BBCD #BDCBD8 #D1DAE4

Darker Shades

#4F6D8B #445E78 #3A4F65 #2F4052 #24323F #19232C

Complementary Palette

#4D6B88 #5A7C9E #896C4E #9F7D5B #AC8F72 #718EAC

Analogous Palette

#628484 #6A9090 #557595 #5A7C9E #6A6A90 #757599

Triadic Palette

#4F6D8B #5A7C9E #AB4F7D #B5648D #7DAB4F #6E9646

Split Complementary Palette

#51708E #5A7C9E #9F5B5B #A96B6B #9F9F5B #8F8F52

Square Palette

#4C6885 #5A7C9E #926892 #927D68 #5B9F5B #75AE75

Tetradic Palette

#4A6682 #5A7C9E #7D45B5 #9F7D5B #7DB545 #94C266

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5A7C9E contains 90 red, 124 green, and 158 blue.

Contrast Ratio: 4.32:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 4.86:1