#508A89 Color

Color Information

HEX	#508A89
RGB	80, 138, 137
HSL	179° , 27% , 43%
HSV	179° , 42% , 54%
CMYK	42%, 0%, 1%, 46%

Lighter Shades

#659897 #7AA6A5 #8FB4B3 #A4C2C2 #B9D0D0 #CEDEDE

Darker Shades

#467979 #3D6968 #335858 #2A4847 #203737 #162726

Complementary Palette

#457776 #508A89 #784546 #8B5051 #9B6969 #699A9A

Analogous Palette

#577565 #5D7E6D #4B8281 #508A89 #5D6F7E #66798A

Triadic Palette

#467979 #508A89 #954596 #A25BA3 #969545 #84833D

Split Complementary Palette

#487C7B #508A89 #8B506F #97627D #8B6D50 #7D6248

Square Palette

#437473 #508A89 #6D5B80 #805B5C #6F8B50 #869E6C

Tetradic Palette

#427170 #508A89 #3C3E9F #8B5051 #9F9D3C #B0AF5F

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #508A89 contains 80 red, 138 green, and 137 blue.

Contrast Ratio: 3.89:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.41:1