#558E84 Color

Color Information

HEX	#558E84
RGB	85, 142, 132
HSL	169° , 25% , 45%
HSV	169° , 40% , 56%
CMYK	40%, 0%, 7%, 44%

Lighter Shades

#699C93 #7EA9A2 #92B7B0 #A7C4BF #BBD2CE #CFDFDD

Darker Shades

#4B7D74 #416C64 #365B54 #2C4A45 #223935 #182825

Complementary Palette

#497A72 #558E84 #7B4A53 #8F5661 #9F6E77 #6D9E95

Analogous Palette

#597863 #62846C #50857C #558E84 #627984 #6A8390

Triadic Palette

#4B7D74 #558E84 #8C4B9B #9A61A7 #9B8C4B #887B42

Split Complementary Palette

#4D8077 #558E84 #8F567D #9A678A #8F6856 #815E4D

Square Palette

#47776F #558E84 #6C6284 #846268 #7D8F56 #92A171

Tetradic Palette

#46746C #558E84 #4155A4 #8F5661 #A49241 #B4A663

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #558E84 contains 85 red, 142 green, and 132 blue.

Contrast Ratio: 3.71:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.66:1