#5648A2 Color

Color Information

HEX#5648A2
RGB86, 72, 162
HSL249° , 38% , 46%
HSV249° , 56% , 64%
CMYK47%, 56%, 0%, 36%

Lighter Shades

#6A5EAD #7F74B8 #938AC3 #A7A0CF #BBB6DA #D0CCE5

Darker Shades

#4C3F8F #41377B #372E68 #2D2554 #221D41 #18142D

Complementary Palette

#4A3E8B #5648A2 #808B3F #95A249 #A4AF62 #6E62AF

Analogous Palette

#58657E #606F8A #514498 #5648A2 #7C608A #856C93

Triadic Palette

#4C3F8F #5648A2 #AE4E3D #B86354 #3DAE4E #369945

Split Complementary Palette

#4D4192 #5648A2 #A28349 #AB8F5B #68A249 #5E9242

Square Palette

#483C88 #5648A2 #96546B #8C9654 #49A283 #66B197

Tetradic Palette

#473B85 #5648A2 #B734A3 #95A249 #34B747 #59C468

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #5648A2 contains 86 red, 72 green, and 162 blue.

Contrast Ratio: 7.48:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.81:1