#5681B5 Color

Color Information

HEX	#5681B5
RGB	86, 129, 181
HSL	213° , 39% , 52%
HSV	213° , 52% , 71%
CMYK	52%, 29%, 0%, 29%

Lighter Shades

#6A90BE #7F9FC7 #93AED0 #A7BDD9 #BBCDE1 #D0DCEA

Darker Shades

#4C729F #41628A #375374 #2D435E #223448 #182433

Complementary Palette

#4A6F9C #5681B5 #9B7649 #B48955 #BF9A6D #6E93BF

Analogous Palette

#678C8E #6D9A9C #5179AA #5681B5 #706D9C #7C79A4

Triadic Palette

#4C729F #5681B5 #C1497F #C85F8E #7FC149 #70AA40

Split Complementary Palette

#4D74A3 #5681B5 #B45A55 #BC6B66 #B0B455 #9EA24D

Square Palette

#486C98 #5681B5 #A861A5 #A88861 #55B45A #70C074

Tetradic Palette

#476A94 #5681B5 #8C3FCA #B48955 #7ECA3F #95D462

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5681B5 contains 86 red, 129 green, and 181 blue.

Contrast Ratio: 3.99:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.26:1