#5A7481 Color

Color Information

HEX#5A7481
RGB90, 116, 129
HSL200° , 18% , 43%
HSV200° , 30% , 51%
CMYK30%, 10%, 0%, 49%

Lighter Shades

#6E8590 #82959F #95A6AE #A9B7BD #BDC7CD #D1D8DC

Darker Shades

#4F6672 #445862 #3A4A53 #2F3C43 #242E34 #192024

Complementary Palette

#4D646F #5A7481 #6F594D #81675A #937C71 #718793

Analogous Palette

#577570 #5D7E79 #556D79 #5A7481 #5D627E #666C8A

Triadic Palette

#4F6672 #5A7481 #8C4F78 #9A6488 #788C4F #6A7B46

Split Complementary Palette

#516874 #5A7481 #815A60 #8E6B70 #817B5A #746F51

Square Palette

#4C616C #5A7481 #795D7E #7E685D #60815A #799574

Tetradic Palette

#4A5F6A #5A7481 #604695 #81675A #7B9546 #93A867

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #5A7481 contains 90 red, 116 green, and 129 blue.

Contrast Ratio: 4.91:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4.28:1