#558380 Color

Color Information

HEX	#558380
RGB	85, 131, 128
HSL	176° , 21% , 42%
HSV	176° , 35% , 51%
CMYK	35%, 0%, 2%, 49%

Lighter Shades

#69928F #7EA19E #92B0AE #A7BFBD #BBCDCC #CFDCDB

Darker Shades

#4B7371 #416461 #365452 #2C4443 #223433 #182524

Complementary Palette

#49716E #558380 #70494C #825558 #946D6F #6D9492

Analogous Palette

#557261 #5B7B68 #507B78 #558380 #5B6D7B #667A8A

Triadic Palette

#4B7371 #558380 #884A8C #96609A #8C884A #7B7841

Split Complementary Palette

#4D7673 #558380 #82556E #8F667D #826855 #755E4D

Square Palette

#476E6C #558380 #685B7B #7B5B5D #6E8255 #859670

Tetradic Palette

#466B69 #558380 #414795 #825558 #958F41 #A8A363

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #558380 contains 85 red, 131 green, and 128 blue.

Contrast Ratio: 4.2:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5:1