#564487 Color

Color Information

HEX#564487
RGB86, 68, 135
HSL256° , 33% , 40%
HSV256° , 50% , 53%
CMYK36%, 50%, 0%, 47%

Lighter Shades

#6A5A95 #7F71A4 #9387B2 #A79EC1 #BBB4CF #D0CBDD

Darker Shades

#4C3C77 #413467 #372C56 #2D2346 #221B36 #181326

Complementary Palette

#4A3A74 #564487 #65753A #768844 #89995E #6E5E98

Analogous Palette

#50576D #575E75 #51407F #564487 #6E5775 #7C6284

Triadic Palette

#4C3C77 #564487 #92523A #9F6752 #3A9252 #338048

Split Complementary Palette

#4D3D7A #564487 #887844 #948657 #548844 #4C7A3D

Square Palette

#483971 #564487 #7D4F59 #717D4F #448878 #629B8E

Tetradic Palette

#47386F #564487 #9A327E #768844 #329A4E #57AC6E

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #564487 contains 86 red, 68 green, and 135 blue.

Contrast Ratio: 8.31:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.53:1