#5682C2 Color

Color Information

HEX#5682C2
RGB86, 130, 194
HSL216° , 47% , 55%
HSV216° , 56% , 76%
CMYK56%, 33%, 0%, 24%

Lighter Shades

#6A91C9 #7FA0D1 #93AFD8 #A7BEDF #BBCDE7 #D0DCEE

Darker Shades

#4C72AB #416393 #37537C #2D4465 #22344E #182436

Complementary Palette

#4A70A7 #5682C2 #A7824A #C29756 #CBA66E #6E94CB

Analogous Palette

#679398 #6DA5AB #517AB6 #5682C2 #736DAB #807AB3

Triadic Palette

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

Split Complementary Palette

#4D75AF #5682C2 #C26156 #C87167 #B7C256 #A5AF4D

Square Palette

#486DA3 #5682C2 #B762AE #B79562 #56C261 #71CC7A

Tetradic Palette

#476B9F #5682C2 #9B42D7 #C29756 #7DD742 #94DE64

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5682C2 contains 86 red, 130 green, and 194 blue.

Contrast Ratio: 3.87:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.43:1