#5464AD Color

Color Information

HEX#5464AD
RGB84, 100, 173
HSL229° , 35% , 50%
HSV229° , 51% , 68%
CMYK51%, 42%, 0%, 32%

Lighter Shades

#6977B7 #7D89C1 #929CCB #A6AED4 #BBC1DE #CFD4E8

Darker Shades

#4A5898 #404C83 #36406F #2C345A #222845 #181C30

Complementary Palette

#485695 #5464AD #948647 #AC9C53 #B8AA6B #6C7AB8

Analogous Palette

#647C87 #6C8793 #4F5EA3 #5464AD #786C93 #83789B

Triadic Palette

#4A5898 #5464AD #B9465B #C15C6F #5BB946 #50A33E

Split Complementary Palette

#4C5A9C #5464AD #AC6F53 #B47D64 #90AC53 #829B4B

Square Palette

#475491 #5464AD #9F608B #9F9460 #53AC6F #6FB986

Tetradic Palette

#45528E #5464AD #AA3CC3 #AC9C53 #55C33C #74CE5F

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #5464AD contains 84 red, 100 green, and 173 blue.

Contrast Ratio: 5.51:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.81:1