#685A8B Color

Color Information

HEX#685A8B
RGB104, 90, 139
HSL257° , 21% , 45%
HSV257° , 35% , 55%
CMYK25%, 35%, 0%, 45%

Lighter Shades

#7A6E99 #8C82A7 #9E95B5 #B0A9C3 #C3BDD1 #D5D1DF

Darker Shades

#5C4F7A #4F446A #433A59 #362F48 #2A2438 #1D1927

Complementary Palette

#594D78 #685A8B #6C784E #7D8B5B #8F9B72 #7D719B

Analogous Palette

#5B617B #626884 #625583 #685A8B #7C6284 #876A90

Triadic Palette

#5C4F7A #685A8B #96624F #A37564 #4F9662 #468456

Split Complementary Palette

#5E517D #685A8B #8B805B #978D6B #658B5B #5B7D52

Square Palette

#574C75 #685A8B #846268 #7A8462 #5B8B80 #759E94

Tetradic Palette

#554A72 #685A8B #A04685 #7D8B5B #46A05E #67B17B

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #685A8B contains 104 red, 90 green, and 139 blue.

Contrast Ratio: 6.14:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.42:1