#5A6EAA Color

Color Information

HEX#5A6EAA
RGB90, 110, 170
HSL225° , 32% , 51%
HSV225° , 47% , 67%
CMYK47%, 35%, 0%, 33%

Lighter Shades

#6E7FB4 #8291BE #95A2C9 #A9B4D3 #BDC5DD #D1D6E7

Darker Shades

#4F6196 #445481 #3A466D #2F3958 #242C44 #191F30

Complementary Palette

#4D5F92 #5A6EAA #92814D #AA965A #B6A571 #7182B6

Analogous Palette

#66818A #6F8B95 #5567A0 #5A6EAA #796F95 #847B9D

Triadic Palette

#4F6196 #5A6EAA #B74E68 #C0637A #68B74E #5CA145

Split Complementary Palette

#516399 #5A6EAA #AA6E5A #B37D6B #96AA5A #879951

Square Palette

#4C5C8F #5A6EAA #9E6790 #9E9067 #5AAA6E #74B885

Tetradic Palette

#4A5A8B #5A6EAA #A144C1 #AA965A #63C144 #7FCC66

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #5A6EAA contains 90 red, 110 green, and 170 blue.

Contrast Ratio: 4.92:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4.27:1