#5685E2 Color

Color Information

HEX	#5685E2
RGB	86, 133, 226
HSL	220° , 71% , 61%
HSV	220° , 62% , 89%
CMYK	62%, 41%, 0%, 11%

Lighter Shades

#6A94E5 #7FA2E9 #93B1EC #A7C0F0 #BBCEF3 #D0DDF7

Darker Shades

#4C75C7 #4165AC #375591 #2D4576 #22355A #18253F

Complementary Palette

#4A72C2 #5685E2 #C29A49 #E2B355 #E6BE6D #6E96E6

Analogous Palette

#64ABB9 #69BDCE #517DD4 #5685E2 #7A69CE #8575D1

Triadic Palette

#4C75C7 #5685E2 #EC4B81 #EE6190 #81EC4B #72D042

Split Complementary Palette

#4D78CB #5685E2 #E26C55 #E57B66 #CBE255 #B7CB4D

Square Palette

#4870BE #5685E2 #D85FC4 #D8B05F #55E26C #70E784

Tetradic Palette

#476DB9 #5685E2 #B943F4 #E2B355 #7EF443 #95F665

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5685E2 contains 86 red, 133 green, and 226 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