#5062B4 Color

Color Information

HEX#5062B4
RGB80, 98, 180
HSL229° , 40% , 51%
HSV229° , 56% , 71%
CMYK56%, 46%, 0%, 29%

Lighter Shades

#6575BD #7A88C6 #8F9BCF #A4ADD8 #B9C0E1 #CED3EA

Darker Shades

#46569E #3D4A89 #333F73 #2A335E #202748 #161B32

Complementary Palette

#45549B #5062B4 #9B8B45 #B4A250 #BFAF69 #6978BF

Analogous Palette

#627F8D #698B9B #4B5CA9 #5062B4 #79699B #8475A3

Triadic Palette

#46569E #5062B4 #C1445A #C85A6E #5AC144 #4FAA3C

Split Complementary Palette

#4858A2 #5062B4 #B47050 #BC7E62 #94B450 #85A248

Square Palette

#435297 #5062B4 #A85D90 #A89A5D #50B470 #6CC087

Tetradic Palette

#425094 #5062B4 #B03ACB #B4A250 #54CB3A #73D45D

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #5062B4 contains 80 red, 98 green, and 180 blue.

Contrast Ratio: 5.6:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.75:1