#509A9D Color

Color Information

HEX	#509A9D
RGB	80, 154, 157
HSL	182° , 32% , 46%
HSV	182° , 49% , 62%
CMYK	49%, 2%, 0%, 38%

Lighter Shades

#65A6A9 #7AB2B5 #8FBEC0 #A4CACC #B9D7D8 #CEE3E4

Darker Shades

#46888A #3D7577 #336364 #2A5052 #203E3F #162B2C

Complementary Palette

#458487 #509A9D #854745 #9B5250 #A96A69 #69A8AB

Analogous Palette

#5D7E6E #648776 #4B9194 #509A9D #647487 #6C7E93

Triadic Palette

#46888A #509A9D #A744A3 #B25AAE #A3A744 #8F933C

Split Complementary Palette

#488B8D #509A9D #9B5073 #A56281 #9B7850 #8C6C48

Square Palette

#438184 #509A9D #775B8F #8F5D5B #739B50 #89AB6C

Tetradic Palette

#427E81 #509A9D #3F3BB0 #9B5250 #ACB03B #BBBE5E

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #509A9D contains 80 red, 154 green, and 157 blue.

Contrast Ratio: 3.21:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.55:1