#5063E2 Color

Color Information

HEX	#5063E2
RGB	80, 99, 226
HSL	232° , 72% , 60%
HSV	232° , 65% , 89%
CMYK	65%, 56%, 0%, 11%

Lighter Shades

#6576E5 #7A88E9 #8F9BEC #A4AEF0 #B9C1F3 #CED3F7

Darker Shades

#4657C7 #3D4BAC #333F91 #2A3376 #20285A #161C3F

Complementary Palette

#4555C2 #5063E2 #C2B245 #E2CF50 #E6D669 #6979E6

Analogous Palette

#5F98B9 #64A7CE #4B5DD4 #5063E2 #8B64CE #9471D1

Triadic Palette

#4657C7 #5063E2 #ED455C #EF5B70 #5CED45 #51D13D

Split Complementary Palette

#4859CB #5063E2 #E28550 #E59162 #ADE250 #9CCB48

Square Palette

#4353BE #5063E2 #D85AAA #D8C75A #50E285 #6CE799

Tetradic Palette

#4251B9 #5063E2 #DC3DF5 #E2CF50 #56F53D #74F760

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #5063E2 contains 80 red, 99 green, and 226 blue.

Contrast Ratio: 4.97:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4.22:1