#508D9D Color

Color Information

HEX#508D9D
RGB80, 141, 157
HSL192° , 32% , 46%
HSV192° , 49% , 62%
CMYK49%, 10%, 0%, 38%

Lighter Shades

#659BA9 #7AA8B5 #8FB6C0 #A4C4CC #B9D1D8 #CEDFE4

Darker Shades

#467C8A #3D6B77 #335A64 #2A4952 #20383F #16272C

Complementary Palette

#457987 #508D9D #855245 #9B5F50 #A97569 #699DAB

Analogous Palette

#5D7E74 #64877C #4B8594 #508D9D #646E87 #6C7793

Triadic Palette

#467C8A #508D9D #A74493 #B25AA0 #93A744 #81933C

Split Complementary Palette

#487F8D #508D9D #9B5066 #A56275 #9B8450 #8C7748

Square Palette

#437684 #508D9D #805B8F #8F665B #669B50 #7EAB6C

Tetradic Palette

#427481 #508D9D #523BB0 #9B5F50 #98B03B #ABBE5E

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #508D9D contains 80 red, 141 green, and 157 blue.

Contrast Ratio: 3.68:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.71:1