#507A77 Color

Color Information

HEX	#507A77
RGB	80, 122, 119
HSL	176° , 21% , 40%
HSV	176° , 34% , 48%
CMYK	34%, 0%, 2%, 52%

Lighter Shades

#658A87 #7A9A98 #8FAAA8 #A4BAB8 #B9CAC9 #CEDAD9

Darker Shades

#466B69 #3D5D5A #334E4C #2A3F3E #203130 #162221

Complementary Palette

#456966 #507A77 #6A4647 #7B5153 #8D696B #698D8A

Analogous Palette

#506D5C #577564 #4B7370 #507A77 #576875 #627584

Triadic Palette

#466B69 #507A77 #824686 #915C95 #868246 #76723E

Split Complementary Palette

#486E6B #507A77 #7B5169 #886278 #7B6351 #6F5949

Square Palette

#436664 #507A77 #645775 #755758 #697B51 #81906D

Tetradic Palette

#426462 #507A77 #3E428E #7B5153 #8E8A3E #A29F61

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #507A77 contains 80 red, 122 green, and 119 blue.

Contrast Ratio: 4.74:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4.43:1