#5636C7 Color

Color Information

HEX	#5636C7
RGB	86, 54, 199
HSL	253° , 57% , 50%
HSV	253° , 73% , 78%
CMYK	57%, 73%, 0%, 22%

Lighter Shades

#6A4ECE #7F66D4 #937EDB #A796E2 #BBAFE9 #D0C7EF

Darker Shades

#4C30AF #412997 #37237F #2D1C67 #221650 #180F38

Complementary Palette

#4A2EAB #5636C7 #91AC2F #A9C837 #B5D053 #6E52CF

Analogous Palette

#4A62A1 #506BAF #5133BB #5636C7 #9450AF #9D5EB5

Triadic Palette

#4C30AF #5636C7 #D54F2A #DA6444 #2AD54F #25BB46

Split Complementary Palette

#4D31B3 #5636C7 #C89F37 #CEA94B #60C837 #56B432

Square Palette

#482DA7 #5636C7 #BB4466 #A1BB44 #37C89F #57D1AE

Tetradic Palette

#472CA3 #5636C7 #DF20B6 #A9C837 #20DF49 #48E56A

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #5636C7 contains 86 red, 54 green, and 199 blue.

Contrast Ratio: 7.79:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.7:1