#508DB6 Color

Color Information

HEX#508DB6
RGB80, 141, 182
HSL204° , 41% , 51%
HSV204° , 56% , 71%
CMYK56%, 23%, 0%, 29%

Lighter Shades

#659BBF #7AA8C8 #8FB6D0 #A4C4D9 #B9D1E2 #CEDFEB

Darker Shades

#467CA0 #3D6B8A #335A74 #2A495F #203849 #162733

Complementary Palette

#45799D #508DB6 #9C6744 #B5784F #BF8B68 #699DC0

Analogous Palette

#618F8A #689C97 #4B85AB #508DB6 #686D9C #7479A4

Triadic Palette

#467CA0 #508DB6 #C2428F #C9599C #8FC242 #7EAB3A

Split Complementary Palette

#487FA4 #508DB6 #B54F59 #BC616A #B5AB4F #A39A47

Square Palette

#437699 #508DB6 #A15BA9 #A97A5B #59B54F #74C16B

Tetradic Palette

#427495 #508DB6 #7338CC #B5784F #91CC38 #A5D55C

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #508DB6 contains 80 red, 141 green, and 182 blue.

Contrast Ratio: 3.56:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.9:1