#685A9E Color

Color Information

HEX#685A9E
RGB104, 90, 158
HSL252° , 27% , 49%
HSV252° , 43% , 62%
CMYK34%, 43%, 0%, 38%

Lighter Shades

#7A6EAA #8C82B5 #9E95C1 #B0A9CD #C3BDD8 #D5D1E4

Darker Shades

#5C4F8B #4F4478 #433A65 #362F52 #2A243F #1D192C

Complementary Palette

#594D88 #685A9E #7D894E #919F5B #A0AC72 #7D71AC

Analogous Palette

#626B84 #6A7590 #625595 #685A9E #846A90 #8E7599

Triadic Palette

#5C4F8B #685A9E #AB614F #B57464 #4FAB61 #469655

Split Complementary Palette

#5E518E #685A9E #9F8A5B #A9966B #6F9F5B #648F52

Square Palette

#574C85 #685A9E #926874 #8A9268 #5B9F8A #75AE9D

Tetradic Palette

#554A82 #685A9E #B5459F #919F5B #45B55B #66C279

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #685A9E contains 104 red, 90 green, and 158 blue.

Contrast Ratio: 5.93:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.54:1