#58778E Color

Color Information

HEX#58778E
RGB88, 119, 142
HSL206° , 23% , 45%
HSV206° , 38% , 56%
CMYK38%, 16%, 0%, 44%

Lighter Shades

#6C879C #8098A9 #94A8B7 #A8B8C4 #BCC9D2 #D0D9DF

Darker Shades

#4D697D #435A6C #384C5B #2E3E4A #233039 #192128

Complementary Palette

#4C667A #58778E #795F4C #8D6F58 #9D836F #6F8A9E

Analogous Palette

#597876 #628482 #537085 #58778E #626484 #6A6D90

Triadic Palette

#4D697D #58778E #994D78 #A56288 #78994D #6A8744

Split Complementary Palette

#4F6B80 #58778E #8D585C #98696C #8D8A58 #7F7C4F

Square Palette

#4A6477 #58778E #826284 #847062 #5C8D58 #769F73

Tetradic Palette

#486274 #58778E #6C44A2 #8D6F58 #79A244 #91B366

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #58778E contains 88 red, 119 green, and 142 blue.

Contrast Ratio: 4.69:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4.48:1