#564861 Color

Color Information

HEX	#564861
RGB	86, 72, 97
HSL	274° , 15% , 33%
HSV	274° , 26% , 38%
CMYK	11%, 26%, 0%, 62%

Lighter Shades

#6A5E74 #7F7487 #938A9A #A7A0AD #BBB6C0 #D0CCD3

Darker Shades

#4C3F55 #41374A #372E3E #2D2532 #221D27 #18141B

Complementary Palette

#4A3E53 #564861 #47533E #526148 #6A7762 #6E6277

Analogous Palette

#424158 #484861 #51445B #564861 #61485F #725570

Triadic Palette

#4C3F55 #564861 #69573F #7B6B56 #3F6957 #375C4D

Split Complementary Palette

#4D4157 #564861 #5F6148 #6F715A #486149 #415742

Square Palette

#483C51 #564861 #614848 #526148 #485F61 #65797A

Tetradic Palette

#473B50 #564861 #70384F #526148 #387058 #5C8A76

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #564861 contains 86 red, 72 green, and 97 blue.

Contrast Ratio: 8.58:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.45:1