#5A7D9E Color

Color Information

HEX	#5A7D9E
RGB	90, 125, 158
HSL	209° , 27% , 49%
HSV	209° , 43% , 62%
CMYK	43%, 21%, 0%, 38%

Lighter Shades

#6E8DAA #829CB5 #95ACC1 #A9BBCD #BDCBD8 #D1DBE4

Darker Shades

#4F6E8B #445F78 #3A5065 #2F4152 #24323F #19232C

Complementary Palette

#4D6C88 #5A7D9E #896B4E #9F7C5B #AC8E72 #718FAC

Analogous Palette

#628483 #6A908F #557695 #5A7D9E #6A6B90 #757699

Triadic Palette

#4F6E8B #5A7D9E #AB4F7E #B5648D #7EAB4F #6F9646

Split Complementary Palette

#51718E #5A7D9E #9F5B5C #A96B6C #9F9E5B #8F8E52

Square Palette

#4C6985 #5A7D9E #916892 #927C68 #5C9F5B #76AE75

Tetradic Palette

#4A6782 #5A7D9E #7B45B5 #9F7C5B #7FB545 #96C266

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5A7D9E contains 90 red, 125 green, and 158 blue.

Contrast Ratio: 4.27:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 4.91:1