#685CF0 Color

Color Information

HEX	#685CF0
RGB	104, 92, 240
HSL	245° , 83% , 65%
HSV	245° , 62% , 94%
CMYK	57%, 62%, 0%, 6%

Lighter Shades

#7A70F2 #8C83F4 #9E97F5 #B0AAF7 #C3BEF9 #D5D1FB

Darker Shades

#5C51D3 #4F46B6 #433B9A #36307D #2A2560 #1D1A43

Complementary Palette

#594FCE #685CF0 #C3CE4F #E3F05C #E7F273 #7D73F2

Analogous Palette

#6991C9 #6E9CDE #6256E2 #685CF0 #AF6EDE #B67AE1

Triadic Palette

#5C51D3 #685CF0 #F96153 #FA7468 #53F961 #49DB55

Split Complementary Palette

#5E53D8 #685CF0 #F0B25C #F2BA6C #99F05C #8AD853

Square Palette

#574DCA #685CF0 #E7659B #DCE765 #5CF0B2 #76F2BE

Tetradic Palette

#554BC5 #685CF0 #FF4DF0 #E3F05C #4DFF5B #6DFF79

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #685CF0 contains 104 red, 92 green, and 240 blue.

Contrast Ratio: 4.8:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4.37:1