#5A7586 Color

Color Information

HEX#5A7586
RGB90, 117, 134
HSL203° , 20% , 44%
HSV203° , 33% , 53%
CMYK33%, 13%, 0%, 47%

Lighter Shades

#6E8695 #8296A3 #95A7B2 #A9B7C0 #BDC8CF #D1D8DD

Darker Shades

#4F6776 #445966 #3A4B56 #2F3D46 #242F36 #192126

Complementary Palette

#4D6573 #5A7586 #745C4D #876B5A #988071 #718897

Analogous Palette

#597875 #5F817D #556E7E #5A7586 #5F6381 #6A6F90

Triadic Palette

#4F6776 #5A7586 #924F77 #9F6487 #77924F #698046

Split Complementary Palette

#516979 #5A7586 #875A5F #936B6F #87815A #7A7451

Square Palette

#4C6271 #5A7586 #7D5F81 #816C5F #5F875A #799A74

Tetradic Palette

#4A606E #5A7586 #66469B #876B5A #799B46 #91AD67

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #5A7586 contains 90 red, 117 green, and 134 blue.

Contrast Ratio: 4.82:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4.36:1