#5396D1 Color

Color Information

HEX#5396D1
RGB83, 150, 209
HSL208° , 58% , 57%
HSV208° , 60% , 82%
CMYK60%, 28%, 0%, 18%

Lighter Shades

#68A3D7 #7CAFDC #91BCE2 #A6C8E7 #BAD5ED #CFE2F2

Darker Shades

#4984B8 #3F729F #356086 #2B4E6D #213C54 #172A3B

Complementary Palette

#4781B4 #5396D1 #B47947 #D18D52 #D79D6A #6BA5D7

Analogous Palette

#62A7A5 #68BBB8 #4E8DC4 #5396D1 #686ABB #7678C1

Triadic Palette

#4984B8 #5396D1 #DC4796 #E05DA3 #96DC47 #84C23E

Split Complementary Palette

#4B87BC #5396D1 #D15256 #D66367 #D1CD52 #BCB94A

Square Palette

#467EB0 #5396D1 #C25DC6 #C68E5D #56D152 #71D86E

Tetradic Palette

#447BAB #5396D1 #8C3EE5 #D18D52 #97E53E #AAEA61

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5396D1 contains 83 red, 150 green, and 209 blue.

Contrast Ratio: 3.11:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.74:1