#56567B Color

Color Information

HEX#56567B
RGB86, 86, 123
HSL240° , 18% , 41%
HSV240° , 30% , 48%
CMYK30%, 30%, 0%, 52%

Lighter Shades

#6A6A8B #7F7F9B #9393AB #A7A7BA #BBBBCA #D0D0DA

Darker Shades

#4C4C6C #41415D #37374F #2D2D40 #222231 #181822

Complementary Palette

#4A4A6A #56567B #6A6A4A #7B7B56 #8D8D6E #6E6E8D

Analogous Palette

#52626F #596978 #515174 #56567B #695978 #756487

Triadic Palette

#4C4C6C #56567B #864B4B #956161 #4B864B #427642

Split Complementary Palette

#4D4D6F #56567B #7B6956 #887867 #697B56 #5F6F4D

Square Palette

#484867 #56567B #785969 #787859 #567B69 #719081

Tetradic Palette

#474765 #56567B #8E438E #7B7B56 #438E43 #65A265

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #56567B contains 86 red, 86 green, and 123 blue.

Contrast Ratio: 7.03:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.99:1