#5060CC Color

Color Information

HEX	#5060CC
RGB	80, 96, 204
HSL	232° , 55% , 56%
HSV	232° , 61% , 80%
CMYK	61%, 53%, 0%, 20%

Lighter Shades

#6573D2 #7A86D8 #8F99DE #A4ACE4 #B9BFEB #CED2F1

Darker Shades

#4654B4 #3D499B #333D83 #2A326A #202652 #161B39

Complementary Palette

#4553AF #5060CC #B0A246 #CDBC51 #D4C569 #6976D3

Analogous Palette

#658CA4 #6899B6 #4B5AC0 #5060CC #8468B6 #8F75BD

Triadic Palette

#4654B4 #5060CC #D84659 #DD5C6D #59D846 #4EBE3E

Split Complementary Palette

#4856B8 #5060CC #CD7E51 #D28B62 #9FCD51 #8FB949

Square Palette

#4351AB #5060CC #C15C9C #C1B45C #51CD7E #6DD593

Tetradic Palette

#424FA7 #5060CC #CB3DE1 #CDBC51 #53E13D #72E660

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #5060CC contains 80 red, 96 green, and 204 blue.

Contrast Ratio: 5.41:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.88:1