#564170 Color

Color Information

HEX	#564170
RGB	86, 65, 112
HSL	267° , 27% , 35%
HSV	267° , 42% , 44%
CMYK	23%, 42%, 0%, 56%

Lighter Shades

#6A5881 #7F6F92 #9385A3 #A79CB5 #BBB3C6 #D0CAD7

Darker Shades

#4C3963 #413155 #372A48 #2D223A #221A2D #18121F

Complementary Palette

#4A3860 #564170 #4F6138 #5C7141 #73855C #6E5C84

Analogous Palette

#45475E #4C4E67 #513D69 #564170 #664C67 #755775

Triadic Palette

#4C3963 #564170 #7A5738 #8A6B50 #387A57 #316B4D

Split Complementary Palette

#4D3B65 #564170 #716F41 #7F7D54 #447141 #3D663B

Square Palette

#48375E #564170 #684A4C #5B684A #41716F #5F8886

Tetradic Palette

#47355C #564170 #81315F #5C7141 #318157 #569875

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #564170 contains 86 red, 65 green, and 112 blue.

Contrast Ratio: 9:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.33:1