#5681C2 Color

Color Information

HEX#5681C2
RGB86, 129, 194
HSL216° , 47% , 55%
HSV216° , 56% , 76%
CMYK56%, 34%, 0%, 24%

Lighter Shades

#6A90C9 #7F9FD1 #93AED8 #A7BDDF #BBCDE7 #D0DCEE

Darker Shades

#4C72AB #416293 #37537C #2D4365 #22344E #182436

Complementary Palette

#4A6FA7 #5681C2 #A7824A #C29756 #CBA66E #6E93CB

Analogous Palette

#679398 #6DA5AB #5179B6 #5681C2 #736DAB #807AB3

Triadic Palette

#4C72AB #5681C2 #CE4B7F #D4618E #7FCE4B #70B542

Split Complementary Palette

#4D74AF #5681C2 #C26156 #C87167 #B7C256 #A5AF4D

Square Palette

#486CA3 #5681C2 #B762AE #B79562 #56C261 #71CC7A

Tetradic Palette

#476A9F #5681C2 #9B42D7 #C29756 #7DD742 #94DE64

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5681C2 contains 86 red, 129 green, and 194 blue.

Contrast Ratio: 3.91:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.37:1