#508477 Color

Color Information

HEX#508477
RGB80, 132, 119
HSL165° , 25% , 42%
HSV165° , 39% , 52%
CMYK39%, 0%, 10%, 48%

Lighter Shades

#659387 #7AA298 #8FB0A8 #A4BFB8 #B9CEC9 #CEDDD9

Darker Shades

#467469 #3D645A #33544C #2A453E #203530 #162521

Complementary Palette

#457266 #508477 #734551 #86505E #976975 #69958A

Analogous Palette

#55725C #5B7B64 #4B7C70 #508477 #5B737B #66808A

Triadic Palette

#467469 #508477 #7D4691 #8D5C9E #917D46 #806E3E

Split Complementary Palette

#48776B #508477 #865078 #926286 #865E50 #795548

Square Palette

#436F64 #508477 #645B7B #7B5B64 #788650 #8E996C

Tetradic Palette

#426C62 #508477 #3D5699 #86505E #99813D #AB9860

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #508477 contains 80 red, 132 green, and 119 blue.

Contrast Ratio: 4.23:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 4.96:1