#5A76AA Color

Color Information

HEX#5A76AA
RGB90, 118, 170
HSL219° , 32% , 51%
HSV219° , 47% , 67%
CMYK47%, 31%, 0%, 33%

Lighter Shades

#6E86B4 #8297BE #95A7C9 #A9B8D3 #BDC8DD #D1D9E7

Darker Shades

#4F6896 #445A81 #3A4C6D #2F3D58 #242F44 #192130

Complementary Palette

#4D6592 #5A76AA #927A4D #AA8E5A #B69E71 #7189B6

Analogous Palette

#66848A #6F8F95 #556FA0 #5A76AA #756F95 #807B9D

Triadic Palette

#4F6896 #5A76AA #B74E72 #C06383 #72B74E #64A145

Split Complementary Palette

#516A99 #5A76AA #AA665A #B3756B #9EAA5A #8E9951

Square Palette

#4C638F #5A76AA #9E6795 #9E8A67 #5AAA66 #74B87E

Tetradic Palette

#4A618B #5A76AA #9544C1 #AA8E5A #6FC144 #89CC66

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #5A76AA contains 90 red, 118 green, and 170 blue.

Contrast Ratio: 4.52:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 4.65:1