#5A7AB9 Color

Color Information

HEX	#5A7AB9
RGB	90, 122, 185
HSL	220° , 40% , 54%
HSV	220° , 51% , 73%
CMYK	51%, 34%, 0%, 27%

Lighter Shades

#6E8AC1 #829ACA #95AAD2 #A9BADB #BDCAE3 #D1DAEB

Darker Shades

#4F6BA3 #445D8D #3A4E76 #2F3F60 #24314A #192234

Complementary Palette

#4D699F #5A7AB9 #9F844E #B9995B #C3A772 #718DC3

Analogous Palette

#6C8C93 #7299A1 #5573AE #5A7AB9 #7A72A1 #867EA9

Triadic Palette

#4F6BA3 #5A7AB9 #C44F76 #CB6486 #76C44F #68AC46

Split Complementary Palette

#516EA7 #5A7AB9 #B96A5B #C0796B #A9B95B #98A752

Square Palette

#4C669B #5A7AB9 #AD67A1 #AD9567 #5BB96A #75C482

Tetradic Palette

#4A6498 #5A7AB9 #A046CE #B9995B #73CE46 #8CD767

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5A7AB9 contains 90 red, 122 green, and 185 blue.

Contrast Ratio: 4.23:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 4.97:1