#5C86E1 Color

Color Information

HEX#5C86E1
RGB92, 134, 225
HSL221° , 69% , 62%
HSV221° , 59% , 88%
CMYK59%, 40%, 0%, 12%

Lighter Shades

#7095E5 #83A3E8 #97B2EC #AAC0EF #BECFF3 #D1DDF7

Darker Shades

#5176C6 #4666AB #3B5690 #304675 #25365A #1A263F

Complementary Palette

#4F73C2 #5C86E1 #C29D4E #E1B75B #E5C172 #7397E5

Analogous Palette

#6AAAB9 #6FBCCE #567ED4 #5C86E1 #806FCE #8A7AD1

Triadic Palette

#5176C6 #5C86E1 #EB5282 #ED6791 #82EB52 #72CF48

Split Complementary Palette

#5379CB #5C86E1 #E1745B #E4826B #C8E15B #B4CB52

Square Palette

#4D71BD #5C86E1 #D765C2 #D7B365 #5BE174 #75E68A

Tetradic Palette

#4B6EB9 #5C86E1 #BD4AF2 #E1B75B #7FF24A #96F46B

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5C86E1 contains 92 red, 134 green, and 225 blue.

Contrast Ratio: 3.49:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.02:1