#5464C9 Color

Color Information

HEX	#5464C9
RGB	84, 100, 201
HSL	232° , 52% , 56%
HSV	232° , 58% , 79%
CMYK	58%, 50%, 0%, 21%

Lighter Shades

#6977CF #7D89D6 #929CDC #A6AEE3 #BBC1E9 #CFD4F0

Darker Shades

#4A58B1 #404C99 #364081 #2C3469 #222850 #181C38

Complementary Palette

#4856AD #5464C9 #ADA048 #C9BA54 #D1C46C #6C7AD1

Analogous Palette

#648AA0 #6B98B3 #4F5EBD #5464C9 #856BB3 #8E75B8

Triadic Palette

#4A58B1 #5464C9 #D4495C #D95F70 #5CD449 #51BB40

Split Complementary Palette

#4C5AB5 #5464C9 #C97F54 #CE8C65 #9EC954 #8EB54C

Square Palette

#4754A9 #5464C9 #BE609B #BEB160 #54C97F #6FD293

Tetradic Palette

#4552A5 #5464C9 #C840DD #C9BA54 #55DD40 #74E362

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #5464C9 contains 84 red, 100 green, and 201 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