#5690BF Color

Color Information

HEX#5690BF
RGB86, 144, 191
HSL207° , 45% , 54%
HSV207° , 55% , 75%
CMYK55%, 25%, 0%, 25%

Lighter Shades

#6A9DC7 #7FABCE #93B8D6 #A7C5DE #BBD3E5 #D0E0ED

Darker Shades

#4C7FA8 #416D91 #375C7A #2D4B63 #223A4C #182835

Complementary Palette

#4A7CA4 #5690BF #A37249 #BE8455 #C7956D #6EA0C8

Analogous Palette

#699694 #6CA7A4 #5187B4 #5690BF #6C6FA7 #7A7CAE

Triadic Palette

#4C7FA8 #5690BF #CA4990 #D05F9D #90CA49 #7FB240

Split Complementary Palette

#4D82AC #5690BF #BE555A #C5666B #BEB955 #ABA74D

Square Palette

#4879A0 #5690BF #AF61B3 #B38661 #5ABE55 #74C870

Tetradic Palette

#47769D #5690BF #8240D4 #BE8455 #91D440 #A5DC62

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5690BF contains 86 red, 144 green, and 191 blue.

Contrast Ratio: 3.37:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.22:1