#5A68B2 Color

Color Information

HEX	#5A68B2
RGB	90, 104, 178
HSL	230° , 36% , 53%
HSV	230° , 49% , 70%
CMYK	49%, 42%, 0%, 30%

Lighter Shades

#6E7ABB #828CC4 #959ECE #A9B0D7 #BDC3E0 #D1D5E9

Darker Shades

#4F5C9D #444F87 #3A4372 #2F365D #242A47 #191D32

Complementary Palette

#4D5999 #5A68B2 #998D4F #B2A45C #BDB173 #717DBD

Analogous Palette

#6A8390 #748E9A #5562A7 #5A68B2 #81749A #8C80A3

Triadic Palette

#4F5C9D #5A68B2 #BE5062 #C66575 #62BE50 #56A746

Split Complementary Palette

#515EA0 #5A68B2 #B2795C #BA866C #96B25C #87A053

Square Palette

#4C5796 #5A68B2 #A66892 #A69C68 #5CB279 #76BE8E

Tetradic Palette

#4A5592 #5A68B2 #B246C8 #B2A45C #5CC846 #79D267

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #5A68B2 contains 90 red, 104 green, and 178 blue.

Contrast Ratio: 5.16:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4.07:1