#5A7DAA Color

Color Information

HEX	#5A7DAA
RGB	90, 125, 170
HSL	214° , 32% , 51%
HSV	214° , 47% , 67%
CMYK	47%, 26%, 0%, 33%

Lighter Shades

#6E8DB4 #829CBE #95ACC9 #A9BBD3 #BDCBDD #D1DBE7

Darker Shades

#4F6E96 #445F81 #3A506D #2F4158 #243244 #192330

Complementary Palette

#4D6C92 #5A7DAA #92744D #AA875A #B69871 #718FB6

Analogous Palette

#66888A #6F9295 #5576A0 #5A7DAA #726F95 #7D7B9D

Triadic Palette

#4F6E96 #5A7DAA #B74E7B #C0638B #7BB74E #6CA145

Split Complementary Palette

#517199 #5A7DAA #AA5F5A #B36F6B #A5AA5A #959951

Square Palette

#4C698F #5A7DAA #9E679A #9E8667 #5AAA5F #74B879

Tetradic Palette

#4A678B #5A7DAA #8A44C1 #AA875A #7AC144 #92CC66

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5A7DAA contains 90 red, 125 green, and 170 blue.

Contrast Ratio: 4.2:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5:1