#5064C3 Color

Color Information

HEX#5064C3
RGB80, 100, 195
HSL230° , 49% , 54%
HSV230° , 59% , 76%
CMYK59%, 49%, 0%, 24%

Lighter Shades

#6577CA #7A89D1 #8F9CD9 #A4AEE0 #B9C1E7 #CED4EE

Darker Shades

#4658AC #3D4C94 #33407D #2A3465 #20284E #161C37

Complementary Palette

#4556A8 #5064C3 #A89745 #C3B050 #CBBB69 #697ACB

Analogous Palette

#63899C #6895AC #4B5EB7 #5064C3 #7E68AC #8A75B3

Triadic Palette

#4658AC #5064C3 #CF445C #D55A70 #5CCF44 #51B63C

Split Complementary Palette

#485AB0 #5064C3 #C37750 #C98562 #9DC350 #8DB048

Square Palette

#4354A4 #5064C3 #B75C99 #B7A85C #50C377 #6CCD8D

Tetradic Palette

#4252A0 #5064C3 #BE3BD8 #C3B050 #55D83B #74DF5E

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #5064C3 contains 80 red, 100 green, and 195 blue.

Contrast Ratio: 5.31:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.96:1