#505E88 Color

Color Information

HEX#505E88
RGB80, 94, 136
HSL225° , 26% , 42%
HSV225° , 41% , 53%
CMYK41%, 31%, 0%, 47%

Lighter Shades

#657196 #7A85A5 #8F98B3 #A4ABC1 #B9BFCF #CED2DE

Darker Shades

#465378 #3D4767 #333C57 #2A3147 #202636 #161A26

Complementary Palette

#455175 #505E88 #746844 #87794F #988C68 #697599

Analogous Palette

#556B72 #5B737B #4B5880 #505E88 #635B7B #6F668A

Triadic Palette

#465378 #505E88 #924558 #9F5B6C #589245 #4D803D

Split Complementary Palette

#48557A #505E88 #875D4F #936D61 #79874F #6D7A47

Square Palette

#434F72 #505E88 #7C5A74 #7C745A #4F875D #6B9A77

Tetradic Palette

#424D70 #505E88 #833C9A #87794F #549A3C #73AC5F

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #505E88 contains 80 red, 94 green, and 136 blue.

Contrast Ratio: 6.39:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.29:1