#509F75 Color

Color Information

HEX	#509F75
RGB	80, 159, 117
HSL	148° , 33% , 47%
HSV	148° , 50% , 62%
CMYK	50%, 0%, 26%, 38%

Lighter Shades

#65AB86 #7AB696 #8FC2A7 #A4CDB7 #B9D9C8 #CEE4D8

Darker Shades

#468C67 #3D7959 #33664B #2A533D #20402F #162D21

Complementary Palette

#458965 #509F75 #894569 #9F507A #AC698D #69AC88

Analogous Palette

#5E7E5D #678A66 #4B956E #509F75 #668A89 #6F9594

Triadic Palette

#468C67 #509F75 #7444AB #855AB5 #AB7444 #96663C

Split Complementary Palette

#488F69 #509F75 #9D509F #A762A9 #9F5053 #8F484B

Square Palette

#438662 #509F75 #5C5E93 #935C7A #9F9D50 #AEAD6C

Tetradic Palette

#428260 #509F75 #3B7CB5 #9F507A #B5743B #C28D5E

Contrast Checker

White Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.16:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.65:1