#508C82 Color

Color Information

HEX#508C82
RGB80, 140, 130
HSL170° , 27% , 43%
HSV170° , 43% , 55%
CMYK43%, 0%, 7%, 45%

Lighter Shades

#659A91 #7AA8A0 #8FB5AF #A4C3BE #B9D1CD #CEDFDC

Darker Shades

#467B72 #3D6A63 #335A53 #2A4944 #203834 #162724

Complementary Palette

#457870 #508C82 #78454D #8B505A #9B6971 #699C94

Analogous Palette

#577561 #5D7E68 #4B847A #508C82 #5D747E #667E8A

Triadic Palette

#467B72 #508C82 #894596 #975BA3 #968945 #84793D

Split Complementary Palette

#487E75 #508C82 #8B5078 #976286 #8B6450 #7D5A48

Square Palette

#43766D #508C82 #675B80 #805B61 #788B50 #8E9E6C

Tetradic Palette

#42736B #508C82 #3C4D9F #8B505A #9F8F3C #B0A35F

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #508C82 contains 80 red, 140 green, and 130 blue.

Contrast Ratio: 3.83:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.48:1