#5060B0 Color

Color Information

HEX	#5060B0
RGB	80, 96, 176
HSL	230° , 38% , 50%
HSV	230° , 55% , 69%
CMYK	55%, 45%, 0%, 31%

Lighter Shades

#6573B9 #7A86C3 #8F99CC #A4ACD6 #B9BFDF #CED2E9

Darker Shades

#46549B #3D4986 #333D71 #2A325C #202646 #161B31

Complementary Palette

#455397 #5060B0 #978A44 #B0A04F #BBAD68 #6976BB

Analogous Palette

#607C8A #698796 #4B5AA5 #5060B0 #786996 #83759F

Triadic Palette

#46549B #5060B0 #BD4257 #C5596B #57BD42 #4DA63A

Split Complementary Palette

#48569E #5060B0 #B06F4F #B87D61 #90B04F #829E47

Square Palette

#435194 #5060B0 #A35C8B #A3975C #4FB06F #6BBD86

Tetradic Palette

#424F90 #5060B0 #AF38C7 #B0A04F #50C738 #70D15C

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #5060B0 contains 80 red, 96 green, and 176 blue.

Contrast Ratio: 5.77:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.64:1