#5A6D85 Color

Color Information

HEX#5A6D85
RGB90, 109, 133
HSL213° , 19% , 44%
HSV213° , 32% , 52%
CMYK32%, 18%, 0%, 48%

Lighter Shades

#6E7F94 #8290A2 #95A2B1 #A9B3C0 #BDC5CE #D1D6DD

Darker Shades

#4F6075 #445365 #3A4655 #2F3945 #242C35 #191F25

Complementary Palette

#4D5E72 #5A6D85 #73624E #86725B #978672 #718196

Analogous Palette

#597778 #5F7F81 #55667D #5A6D85 #615F81 #6C6A90

Triadic Palette

#4F6075 #5A6D85 #91506D #9E657F #6D9150 #608046

Split Complementary Palette

#516278 #5A6D85 #865D5B #926D6B #83865B #767952

Square Palette

#4C5C70 #5A6D85 #815F7F #81715F #5B865D #759977

Tetradic Palette

#4A596D #5A6D85 #73479A #86725B #6C9A47 #86AC68

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #5A6D85 contains 90 red, 109 green, and 133 blue.

Contrast Ratio: 5.28:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.98:1