#508F6C Color

Color Information

HEX#508F6C
RGB80, 143, 108
HSL147° , 28% , 44%
HSV147° , 44% , 56%
CMYK44%, 0%, 24%, 44%

Lighter Shades

#659C7E #7AAA8F #8FB7A1 #A4C5B3 #B9D2C4 #CEE0D6

Darker Shades

#467E5F #3D6D52 #335C45 #2A4A38 #20392B #16281E

Complementary Palette

#457B5D #508F6C #7C4663 #905173 #A06987 #699F81

Analogous Palette

#5A7859 #61815F #4B8666 #508F6C #5F817F #6A908D

Triadic Palette

#467E5F #508F6C #6C469B #7E5CA7 #9B6C46 #885F3E

Split Complementary Palette

#488161 #508F6C #8C5190 #98629B #905154 #82494C

Square Palette

#43785B #508F6C #5C5E84 #845C72 #908C51 #A29E6D

Tetradic Palette

#427559 #508F6C #3D74A4 #905173 #A46B3D #B48660

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #508F6C contains 80 red, 143 green, and 108 blue.

Contrast Ratio: 3.78:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.56:1