#685D8D Color

Color Information

HEX	#685D8D
RGB	104, 93, 141
HSL	254° , 21% , 46%
HSV	254° , 34% , 55%
CMYK	26%, 34%, 0%, 45%

Lighter Shades

#7A709B #8C84A8 #9E97B6 #B0ABC4 #C3BED1 #D5D2DF

Darker Shades

#5C527C #4F476B #433C5A #363049 #2A2538 #1D1A27

Complementary Palette

#595079 #685D8D #707A50 #828E5D #949E74 #7D749D

Analogous Palette

#5D667E #646D87 #625785 #685D8D #7E6487 #886C93

Triadic Palette

#5C527C #685D8D #9A6151 #A67466 #519A61 #478855

Split Complementary Palette

#5E547F #685D8D #8E815D #998E6D #6A8E5D #5F8054

Square Palette

#574E76 #685D8D #87646D #7E8764 #5D8E81 #77A095

Tetradic Palette

#554C74 #685D8D #A3488C #828E5D #48A35B #69B479

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #685D8D contains 104 red, 93 green, and 141 blue.

Contrast Ratio: 5.94:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.54:1