#508E75 Color

Color Information

HEX#508E75
RGB80, 142, 117
HSL156° , 28% , 44%
HSV156° , 44% , 56%
CMYK44%, 0%, 18%, 44%

Lighter Shades

#659C86 #7AA996 #8FB7A7 #A4C4B7 #B9D2C8 #CEDFD8

Darker Shades

#467D67 #3D6C59 #335B4B #2A4A3D #20392F #162821

Complementary Palette

#457A65 #508E75 #7C465B #90516A #A0697F #699E88

Analogous Palette

#59785B #5F8163 #4B856E #508E75 #5F7D81 #6A8B90

Triadic Palette

#467D67 #508E75 #77469B #875CA7 #9B7746 #88693E

Split Complementary Palette

#488069 #508E75 #905189 #9B6295 #905751 #824E49

Square Palette

#437762 #508E75 #605C84 #845C6C #899051 #9CA26D

Tetradic Palette

#427460 #508E75 #3D66A4 #90516A #A4793D #B49160

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #508E75 contains 80 red, 142 green, and 117 blue.

Contrast Ratio: 3.79:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.54:1