#564A60 Color

Color Information

HEX#564A60
RGB86, 74, 96
HSL273° , 13% , 33%
HSV273° , 23% , 38%
CMYK10%, 23%, 0%, 62%

Lighter Shades

#6A6073 #7F7586 #938B99 #A7A1AC #BBB7BF #D0CCD2

Darker Shades

#4C4154 #413849 #372F3D #2D2632 #221E26 #18151B

Complementary Palette

#4A4053 #564A60 #47523F #535F49 #6B7562 #6E6376

Analogous Palette

#424158 #494861 #51465A #564A60 #614860 #6F526E

Triadic Palette

#4C4154 #564A60 #685641 #7A6A58 #416856 #395C4C

Split Complementary Palette

#4D4356 #564A60 #5E5F49 #6E6F5B #495F4A #425643

Square Palette

#483E51 #564A60 #614948 #536148 #495E5F #667879

Tetradic Palette

#473D4F #564A60 #6E3A52 #535F49 #3A6E57 #5D8875

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #564A60 contains 86 red, 74 green, and 96 blue.

Contrast Ratio: 8.41:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.5:1