#509C9E Color

Color Information

HEX#509C9E
RGB80, 156, 158
HSL182° , 33% , 47%
HSV182° , 49% , 62%
CMYK49%, 1%, 0%, 38%

Lighter Shades

#65A8AA #7AB4B5 #8FC0C1 #A4CCCD #B9D7D8 #CEE3E4

Darker Shades

#46898B #3D7778 #336465 #2A5152 #203E3F #162C2C

Complementary Palette

#458688 #509C9E #894745 #9F5350 #AC6B69 #69AAAC

Analogous Palette

#5D7E6F #668A79 #4B9395 #509C9E #66778A #6F8195

Triadic Palette

#46898B #509C9E #AB44A8 #B55AB2 #A8AB44 #94963C

Split Complementary Palette

#488C8E #509C9E #9F5075 #A96283 #9F7A50 #8F6E48

Square Palette

#438385 #509C9E #7A5C93 #935E5C #759F50 #8BAE6C

Tetradic Palette

#428082 #509C9E #3F3BB5 #9F5350 #B1B53B #BFC25E

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #509C9E contains 80 red, 156 green, and 158 blue.

Contrast Ratio: 3.14:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.69:1