#5642A0 Color

Color Information

HEX	#5642A0
RGB	86, 66, 160
HSL	253° , 42% , 44%
HSV	253° , 59% , 63%
CMYK	46%, 59%, 0%, 37%

Lighter Shades

#6A59AB #7F6FB7 #9386C2 #A79DCE #BBB3D9 #D0CAE4

Darker Shades

#4C3A8D #41327A #372A66 #2D2253 #221A40 #18122D

Complementary Palette

#4A398A #5642A0 #788938 #8B9F41 #9BAC5C #6E5CAD

Analogous Palette

#505C7C #586689 #513E96 #5642A0 #7B5889 #82688D

Triadic Palette

#4C3A8D #5642A0 #AB4F36 #B5644E #36AB4F #309646

Split Complementary Palette

#4D3B90 #5642A0 #9F8541 #A99154 #5C9F41 #538F3B

Square Palette

#483786 #5642A0 #944C61 #85944C #419F85 #5FAE99

Tetradic Palette

#473683 #5642A0 #B42D96 #8B9F41 #2DB44A #53C26B

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #5642A0 contains 86 red, 66 green, and 160 blue.

Contrast Ratio: 7.96:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.64:1