#5682F1 Color

Color Information

HEX	#5682F1
RGB	86, 130, 241
HSL	223° , 85% , 64%
HSV	223° , 64% , 95%
CMYK	64%, 46%, 0%, 5%

Lighter Shades

#6A91F3 #7FA0F4 #93AFF6 #A7BEF8 #BBCDF9 #D0DCFB

Darker Shades

#4C72D4 #4163B7 #37539A #2D447D #223460 #182443

Complementary Palette

#4A70CF #5682F1 #CFA949 #F1C555 #F3CD6D #6E94F3

Analogous Palette

#63B3CA #68C5DF #517AE3 #5682F1 #8168DF #8C74E2

Triadic Palette

#4C72D4 #5682F1 #FA4C7D #FB618D #7DFA4C #6EDC43

Split Complementary Palette

#4D75D9 #5682F1 #F17755 #F28566 #CFF155 #BAD94D

Square Palette

#486DCA #5682F1 #E85ECA #E8C15E #55F177 #70F38D

Tetradic Palette

#476BC6 #5682F1 #CB47FF #F1C555 #7BFF47 #93FF68

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5682F1 contains 86 red, 130 green, and 241 blue.

Contrast Ratio: 3.55:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.91:1