#56556D Color

Color Information

HEX#56556D
RGB86, 85, 109
HSL243° , 12% , 38%
HSV243° , 22% , 43%
CMYK21%, 22%, 0%, 57%

Lighter Shades

#6A697F #7F7E90 #9392A2 #A7A7B3 #BBBBC5 #D0CFD6

Darker Shades

#4C4B60 #414153 #373646 #2D2C39 #22222C #18181F

Complementary Palette

#4A495E #56556D #5C5E49 #6B6D55 #80816D #6E6D81

Analogous Palette

#4C5867 #525F6F #515066 #56556D #62526F #6F5D7E

Triadic Palette

#4C4B60 #56556D #764E4C #866361 #4C764E #436845

Split Complementary Palette

#4D4D62 #56556D #6D6255 #7C7266 #606D55 #56624D

Square Palette

#48475C #56556D #6F525F #6D6F52 #556D62 #70847B

Tetradic Palette

#474659 #56556D #7E4479 #6B6D55 #447E47 #669568

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #56556D contains 86 red, 85 green, and 109 blue.

Contrast Ratio: 7.27:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.89:1