#5462D1 Color

Color Information

HEX	#5462D1
RGB	84, 98, 209
HSL	233° , 58% , 57%
HSV	233° , 60% , 82%
CMYK	60%, 53%, 0%, 18%

Lighter Shades

#6975D7 #7D88DC #929BE2 #A6ADE7 #BBC0ED #CFD3F2

Darker Shades

#4A56B8 #404A9F #363F86 #2C336D #222754 #181B3B

Complementary Palette

#4854B4 #5462D1 #B4A747 #D1C252 #D7CB6A #6C78D7

Analogous Palette

#628DA7 #689BBB #4F5CC4 #5462D1 #8868BB #9376C1

Triadic Palette

#4A56B8 #5462D1 #DC4758 #E05D6C #58DC47 #4DC23E

Split Complementary Palette

#4C58BC #5462D1 #D18352 #D68F63 #A0D152 #90BC4A

Square Palette

#4752B0 #5462D1 #C65D9E #C6BA5D #52D183 #6ED897

Tetradic Palette

#4550AB #5462D1 #D13EE5 #D1C252 #51E53E #70EA61

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #5462D1 contains 84 red, 98 green, and 209 blue.

Contrast Ratio: 5.19:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4.05:1