#5396CA Color

Color Information

HEX#5396CA
RGB83, 150, 202
HSL206° , 53% , 56%
HSV206° , 59% , 79%
CMYK59%, 26%, 0%, 21%

Lighter Shades

#68A3D0 #7CAFD7 #91BCDD #A6C8E3 #BAD5EA #CFE2F0

Darker Shades

#4984B2 #3F729A #356081 #2B4E69 #213C51 #172A39

Complementary Palette

#4781AE #5396CA #AE7447 #CA8753 #D1986B #6BA5D1

Analogous Palette

#64A09C #6AB4AF #4E8DBE #5396CA #6A6FB4 #7479B9

Triadic Palette

#4984B2 #5396CA #D54898 #DA5EA4 #98D548 #86BB3F

Split Complementary Palette

#4B87B6 #5396CA #CA535B #CF646B #CAC253 #B6AF4B

Square Palette

#467EAA #5396CA #B95FBF #BF885F #5BCA53 #75D26F

Tetradic Palette

#447BA6 #5396CA #843FDE #CA8753 #99DE3F #ABE462

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5396CA contains 83 red, 150 green, and 202 blue.

Contrast Ratio: 3.15:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.68:1