#5696D7 Color

Color Information

HEX#5696D7
RGB86, 150, 215
HSL210° , 62% , 59%
HSV210° , 60% , 84%
CMYK60%, 30%, 0%, 16%

Lighter Shades

#6AA3DC #7FAFE1 #93BCE5 #A7C8EA #BBD5EF #D0E2F4

Darker Shades

#4C84BD #4172A3 #37608A #2D4E70 #223C56 #182A3C

Complementary Palette

#4A81B9 #5696D7 #B9814A #D79656 #DDA56E #6EA5DD

Analogous Palette

#65AEAE #6BC2C2 #518DCA #5696D7 #6B6BC2 #7676C6

Triadic Palette

#4C84BD #5696D7 #E24B96 #E561A3 #96E24B #84C742

Split Complementary Palette

#4D87C2 #5696D7 #D75656 #DB6767 #D7D756 #C2C24D

Square Palette

#487EB5 #5696D7 #CD60CD #CD9660 #56D756 #71DD71

Tetradic Palette

#477BB0 #5696D7 #9643EA #D79656 #96EA43 #A9EE65

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5696D7 contains 86 red, 150 green, and 215 blue.

Contrast Ratio: 3.07:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.83:1