#5654A0 Color

Color Information

HEX	#5654A0
RGB	86, 84, 160
HSL	242° , 31% , 48%
HSV	242° , 48% , 63%
CMYK	46%, 48%, 0%, 37%

Lighter Shades

#6A69AB #7F7DB7 #9392C2 #A7A6CE #BBBBD9 #D0CFE4

Darker Shades

#4C4A8D #41407A #373666 #2D2C53 #222240 #18182D

Complementary Palette

#4A488A #5654A0 #888A48 #9EA054 #ACAD6C #6E6CAD

Analogous Palette

#5F6F81 #68798D #514F96 #5654A0 #7C688D #867297

Triadic Palette

#4C4A8D #5654A0 #AD4C48 #B7615E #48AD4C #3F9843

Split Complementary Palette

#4D4C90 #5654A0 #A07D54 #AA8A65 #78A054 #6C904C

Square Palette

#484786 #5654A0 #946179 #929461 #54A07D #6FAF92

Tetradic Palette

#474583 #5654A0 #B63EB2 #9EA054 #3EB642 #61C364

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #5654A0 contains 86 red, 84 green, and 160 blue.

Contrast Ratio: 6.67:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.15:1