#596AED Color

Color Information

HEX#596AED
RGB89, 106, 237
HSL233° , 80% , 64%
HSV233° , 62% , 93%
CMYK62%, 55%, 0%, 7%

Lighter Shades

#6D7CEF #818EF1 #95A0F3 #A9B2F6 #BDC3F8 #D1D5FA

Darker Shades

#4E5DD1 #4451B4 #394498 #2E377B #242A5F #191E42

Complementary Palette

#4D5BCC #596AED #CCBD4D #EDDC5A #F0E171 #707FF0

Analogous Palette

#67A1C5 #6CB0DA #5464DF #596AED #966CDA #9F78DD

Triadic Palette

#4E5DD1 #596AED #F65164 #F76677 #64F651 #58D847

Split Complementary Palette

#505FD5 #596AED #ED925A #EF9D6B #B4ED5A #A2D551

Square Palette

#4B59C7 #596AED #E363B2 #E3D463 #5AED92 #74F0A3

Tetradic Palette

#4957C2 #596AED #E849FD #EDDC5A #5EFD49 #7BFD6A

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #596AED contains 89 red, 106 green, and 237 blue.

Contrast Ratio: 4.45:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 4.72:1