#559C8D Color

Color Information

HEX#559C8D
RGB85, 156, 141
HSL167° , 29% , 47%
HSV167° , 46% , 61%
CMYK46%, 0%, 10%, 39%

Lighter Shades

#69A89B #7EB4A8 #92C0B6 #A7CCC4 #BBD7D1 #CFE3DF

Darker Shades

#4B897C #41776B #36645A #2C5149 #223E38 #182C27

Complementary Palette

#498679 #559C8D #854956 #9B5564 #A96D7A #6DAA9D

Analogous Palette

#5D7E67 #668A70 #509385 #559C8D #66808A #6F8A95

Triadic Palette

#4B897C #559C8D #9249A7 #9F5FB2 #A79249 #938040

Split Complementary Palette

#4D8C7F #559C8D #9B5587 #A56693 #9B6955 #8C5F4D

Square Palette

#478376 #559C8D #6E618F #8F616B #879B55 #9AAB70

Tetradic Palette

#468074 #559C8D #4058B0 #9B5564 #B09840 #BEAB62

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #559C8D contains 85 red, 156 green, and 141 blue.

Contrast Ratio: 3.17:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.62:1