#558B70 Color

Color Information

HEX	#558B70
RGB	85, 139, 112
HSL	150° , 24% , 44%
HSV	150° , 39% , 55%
CMYK	39%, 0%, 19%, 45%

Lighter Shades

#699981 #7EA792 #92B5A3 #A7C3B5 #BBD1C6 #CFDFD7

Darker Shades

#4B7A63 #416A55 #365948 #2C483A #22382D #18271F

Complementary Palette

#497860 #558B70 #784960 #8B5570 #9B6D84 #6D9B84

Analogous Palette

#577557 #5F815F #508369 #558B70 #5F8181 #688D8D

Triadic Palette

#4B7A63 #558B70 #704A96 #8160A3 #96704A #846341

Split Complementary Palette

#4D7D65 #558B70 #8B558B #976697 #8B5555 #7D4D4D

Square Palette

#47755E #558B70 #5F5F81 #815F70 #8B8B55 #9E9E70

Tetradic Palette

#46725C #558B70 #41709F #8B5570 #9F7041 #B08A63

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #558B70 contains 85 red, 139 green, and 112 blue.

Contrast Ratio: 3.9:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.38:1