#509D9E Color

Color Information

HEX#509D9E
RGB80, 157, 158
HSL181° , 33% , 47%
HSV181° , 49% , 62%
CMYK49%, 1%, 0%, 38%

Lighter Shades

#65A9AA #7AB5B5 #8FC0C1 #A4CCCD #B9D8D8 #CEE4E4

Darker Shades

#468A8B #3D7778 #336465 #2A5252 #203F3F #162C2C

Complementary Palette

#458788 #509D9E #894745 #9F5250 #AC6A69 #69ABAC

Analogous Palette

#5D7E6E #668A78 #4B9495 #509D9E #66788A #6F8295

Triadic Palette

#468A8B #509D9E #AB44AA #B55AB4 #AAAB44 #96963C

Split Complementary Palette

#488D8E #509D9E #9F5077 #A96285 #9F7950 #8F6D48

Square Palette

#438485 #509D9E #795C93 #935E5C #779F50 #8DAE6C

Tetradic Palette

#428182 #509D9E #3F3BB5 #9F5250 #B3B53B #C1C25E

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #509D9E contains 80 red, 157 green, and 158 blue.

Contrast Ratio: 3.11:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.76:1