#505F6A Color

Color Information

HEX#505F6A
RGB80, 95, 106
HSL205° , 14% , 36%
HSV205° , 25% , 42%
CMYK25%, 10%, 0%, 58%

Lighter Shades

#65727C #7A858E #8F99A0 #A4ACB2 #B9BFC3 #CED2D5

Darker Shades

#46545D #3D4851 #333D44 #2A3137 #20262A #161B1E

Complementary Palette

#45525B #505F6A #5A4D44 #695A4F #7E7168 #69757F

Analogous Palette

#48615F #4E6A67 #4B5964 #505F6A #4E506A #595B78

Triadic Palette

#46545D #505F6A #72465F #835C72 #5F7246 #54643E

Split Complementary Palette

#48565F #505F6A #694F51 #786162 #69674F #5F5D47

Square Palette

#435059 #505F6A #674E6A #6A5A4E #51694F #6D816B

Tetradic Palette

#424E57 #505F6A #573E79 #695A4F #61793E #7D9161

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #505F6A contains 80 red, 95 green, and 106 blue.

Contrast Ratio: 6.62:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.17:1