#509F9F Color

Color Information

HEX	#509F9F
RGB	80, 159, 159
HSL	180° , 33% , 47%
HSV	180° , 50% , 62%
CMYK	50%, 0%, 0%, 38%

Lighter Shades

#65ABAB #7AB6B6 #8FC2C2 #A4CDCD #B9D9D9 #CEE4E4

Darker Shades

#468C8C #3D7979 #336666 #2A5353 #204040 #162D2D

Complementary Palette

#458989 #509F9F #894545 #9F5050 #AC6969 #69ACAC

Analogous Palette

#5D7E6E #668A78 #4B9595 #509F9F #66788A #6F8295

Triadic Palette

#468C8C #509F9F #AB44AB #B55AB5 #ABAB44 #96963C

Split Complementary Palette

#488F8F #509F9F #9F5078 #A96286 #9F7850 #8F6C48

Square Palette

#438686 #509F9F #785C93 #935C5C #789F50 #8EAE6C

Tetradic Palette

#428282 #509F9F #3B3BB5 #9F5050 #B5B53B #C2C25E

Contrast Checker

White Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.04:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.9:1