#5658C5 Color

Color Information

HEX	#5658C5
RGB	86, 88, 197
HSL	239° , 49% , 55%
HSV	239° , 56% , 77%
CMYK	56%, 55%, 0%, 23%

Lighter Shades

#6A6CCC #7F80D3 #9394DA #A7A8E1 #BBBCE8 #D0D0EF

Darker Shades

#4C4DAD #414396 #37387E #2D2E66 #22234F #181937

Complementary Palette

#4A4CA9 #5658C5 #A9A848 #C4C354 #CCCB6C #6E6FCD

Analogous Palette

#65809A #6B8DAE #5153B9 #5658C5 #8B6BAE #9578B5

Triadic Palette

#4C4DAD #5658C5 #D0494B #D65F61 #4BD049 #42B740

Split Complementary Palette

#4D4FB1 #5658C5 #C48A54 #CA9665 #8EC454 #80B04C

Square Palette

#484AA5 #5658C5 #B95F8E #B9B85F #54C48A #6FCD9D

Tetradic Palette

#4748A2 #5658C5 #D73FD9 #C4C354 #42D93F #64E062

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #5658C5 contains 86 red, 88 green, and 197 blue.

Contrast Ratio: 5.86:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.58:1