#509D9F Color

Color Information

HEX#509D9F
RGB80, 157, 159
HSL182° , 33% , 47%
HSV182° , 50% , 62%
CMYK50%, 1%, 0%, 38%

Lighter Shades

#65A9AB #7AB5B6 #8FC0C2 #A4CCCD #B9D8D9 #CEE4E4

Darker Shades

#468A8C #3D7779 #336466 #2A5253 #203F40 #162C2D

Complementary Palette

#458789 #509D9F #894745 #9F5350 #AC6B69 #69ABAC

Analogous Palette

#5D7E6F #668A79 #4B9495 #509D9F #66778A #6F8195

Triadic Palette

#468A8C #509D9F #AB44A8 #B55AB2 #A8AB44 #94963C

Split Complementary Palette

#488D8F #509D9F #9F5075 #A96283 #9F7A50 #8F6E48

Square Palette

#438486 #509D9F #7A5C93 #935E5C #759F50 #8BAE6C

Tetradic Palette

#428182 #509D9F #3F3BB5 #9F5350 #B1B53B #BFC25E

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #509D9F contains 80 red, 157 green, and 159 blue.

Contrast Ratio: 3.1:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.76:1