#5661A2 Color

Color Information

HEX#5661A2
RGB86, 97, 162
HSL231° , 31% , 49%
HSV231° , 47% , 64%
CMYK47%, 40%, 0%, 36%

Lighter Shades

#6A74AD #7F87B8 #939AC3 #A7ADCF #BBC0DA #D0D3E5

Darker Shades

#4C558F #414A7B #373E68 #2D3254 #222741 #181B2D

Complementary Palette

#4A538B #5661A2 #8D834A #A49856 #B1A66E #6E77AF

Analogous Palette

#627884 #6A8390 #515B98 #5661A2 #776A90 #817599

Triadic Palette

#4C558F #5661A2 #B04A59 #B9606D #59B04A #4E9B41

Split Complementary Palette

#4D5792 #5661A2 #A47156 #AD7F67 #89A456 #7B944D

Square Palette

#485188 #5661A2 #976385 #978F63 #56A471 #71B388

Tetradic Palette

#475085 #5661A2 #A840BA #A49856 #52BA40 #71C662

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #5661A2 contains 86 red, 97 green, and 162 blue.

Contrast Ratio: 5.79:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.63:1