#5662B2 Color

Color Information

HEX	#5662B2
RGB	86, 98, 178
HSL	232° , 37% , 52%
HSV	232° , 52% , 70%
CMYK	52%, 45%, 0%, 30%

Lighter Shades

#6A75BB #7F88C4 #939BCE #A7ADD7 #BBC0E0 #D0D3E9

Darker Shades

#4C569D #414A87 #373F72 #2D335D #222747 #181B32

Complementary Palette

#4A5499 #5662B2 #998F4B #B2A657 #BDB26F #6E78BD

Analogous Palette

#687F8D #708A99 #515CA7 #5662B2 #7F7099 #8A7CA2

Triadic Palette

#4C569D #5662B2 #BE4B5A #C6616E #5ABE4B #4FA742

Split Complementary Palette

#4D58A0 #5662B2 #B27957 #BA8668 #91B257 #83A04E

Square Palette

#485296 #5662B2 #A6648D #A69D64 #57B279 #72BE8E

Tetradic Palette

#475092 #5662B2 #B641C8 #B2A657 #53C841 #72D263

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #5662B2 contains 86 red, 98 green, and 178 blue.

Contrast Ratio: 5.54:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.79:1