#563C56 Color

Color Information

HEX#563C56
RGB86, 60, 86
HSL300° , 18% , 29%
HSV300° , 30% , 34%
CMYK0%, 30%, 0%, 66%

Lighter Shades

#6A536A #7F6B7F #938293 #A79AA7 #BBB1BB #D0C8D0

Darker Shades

#4C354C #412E41 #372637 #2D1F2D #221822 #181118

Complementary Palette

#4A344A #563C56 #344B34 #3D573D #586F58 #6E576E

Analogous Palette

#453B4F #4A3F55 #513851 #563C56 #553F4A #674C59

Triadic Palette

#4C354C #563C56 #5F5F35 #72724D #355F5F #2F5454

Split Complementary Palette

#4D364D #563C56 #4A573D #5C6850 #3D574A #374E43

Square Palette

#483248 #563C56 #554A3F #3F553F #3D4A57 #5C6772

Tetradic Palette

#473147 #563C56 #652F2F #3D573D #2F6565 #548181

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #563C56 contains 86 red, 60 green, and 86 blue.

Contrast Ratio: 9.93:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.11:1