#685FEC Color

Color Information

HEX	#685FEC
RGB	104, 95, 236
HSL	244° , 79% , 65%
HSV	244° , 60% , 93%
CMYK	56%, 60%, 0%, 7%

Lighter Shades

#7A72EE #8C85F1 #9E99F3 #B0ACF5 #C3BFF7 #D5D2FA

Darker Shades

#5C54D0 #4F48B3 #433D97 #36317B #2A265E #1D1B42

Complementary Palette

#5952CB #685FEC #C3CB52 #E3EC5F #E7EF75 #7D75EF

Analogous Palette

#6D93C5 #719FDA #6259DE #685FEC #AD71DA #B47DDE

Triadic Palette

#5C54D0 #685FEC #F56156 #F6746A #56F561 #4CD855

Split Complementary Palette

#5E56D4 #685FEC #ECAF5F #EEB76F #9CEC5F #8CD456

Square Palette

#5750C6 #685FEC #E3689E #DBE368 #5FECAF #79EFBC

Tetradic Palette

#554EC2 #685FEC #FC4FF1 #E3EC5F #4FFC5B #6FFD79

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #685FEC contains 104 red, 95 green, and 236 blue.

Contrast Ratio: 4.73:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4.44:1