#578080 Color

Color Information

HEX	#578080
RGB	87, 128, 128
HSL	180° , 19% , 42%
HSV	180° , 32% , 50%
CMYK	32%, 0%, 0%, 50%

Lighter Shades

#6B8F8F #7F9E9E #93AEAE #A8BDBD #BCCCCC #D0DBDB

Darker Shades

#4D7171 #426161 #385252 #2D4343 #233333 #182424

Complementary Palette

#4B6E6E #578080 #6D4B4B #7F5757 #916F6F #6F9292

Analogous Palette

#557263 #5B7B6B #527878 #578080 #5B6B7B #647687

Triadic Palette

#4D7171 #578080 #8A4C8A #986198 #8A8A4C #797943

Split Complementary Palette

#4E7373 #578080 #7F576B #8C687A #7F6B57 #72604E

Square Palette

#496C6C #578080 #6B5B7B #7B5B5B #6B7F57 #839372

Tetradic Palette

#476969 #578080 #434393 #7F5757 #939343 #A6A665

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #578080 contains 87 red, 128 green, and 128 blue.

Contrast Ratio: 4.32:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 4.86:1