#685A8D Color

Color Information

HEX#685A8D
RGB104, 90, 141
HSL256° , 22% , 45%
HSV256° , 36% , 55%
CMYK26%, 36%, 0%, 45%

Lighter Shades

#7A6E9B #8C82A8 #9E95B6 #B0A9C4 #C3BDD1 #D5D1DF

Darker Shades

#5C4F7C #4F446B #433A5A #362F49 #2A2438 #1D1927

Complementary Palette

#594D79 #685A8D #6D784D #7F8C5A #919C71 #7D719D

Analogous Palette

#5B627B #626984 #625585 #685A8D #7C6284 #876A90

Triadic Palette

#5C4F7C #685A8D #97624E #A37563 #4E9762 #458556

Split Complementary Palette

#5E517F #685A8D #8C805A #988D6B #658C5A #5B7E51

Square Palette

#574C76 #685A8D #846269 #7B8462 #5A8C80 #749E94

Tetradic Palette

#554A74 #685A8D #A14588 #7F8C5A #45A15D #66B27A

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #685A8D contains 104 red, 90 green, and 141 blue.

Contrast Ratio: 6.12:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.43:1