#558D78 Color

Color Information

HEX#558D78
RGB85, 141, 120
HSL158° , 25% , 44%
HSV158° , 40% , 55%
CMYK40%, 0%, 15%, 45%

Lighter Shades

#699B88 #7EA898 #92B6A9 #A7C4B9 #BBD1C9 #CFDFD9

Darker Shades

#4B7C6A #416B5B #365A4D #2C493E #223830 #182722

Complementary Palette

#497967 #558D78 #78485A #8C5469 #9C6C7E #6D9D8B

Analogous Palette

#57755B #5F8164 #508571 #558D78 #5F7D81 #68888D

Triadic Palette

#4B7C6A #558D78 #7C4997 #8C5FA3 #977C49 #856D40

Split Complementary Palette

#4D7F6C #558D78 #8C5485 #986591 #8C5C54 #7E534C

Square Palette

#477665 #558D78 #645F81 #815F6C #858C54 #999E6F

Tetradic Palette

#467462 #558D78 #4063A0 #8C5469 #A07F40 #B19662

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #558D78 contains 85 red, 141 green, and 120 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