#685EA7 Color

Color Information

HEX#685EA7
RGB104, 94, 167
HSL248° , 29% , 51%
HSV248° , 44% , 65%
CMYK38%, 44%, 0%, 35%

Lighter Shades

#7A71B2 #8C85BC #9E98C7 #B0ABD1 #C3BFDC #D5D2E6

Darker Shades

#5C5393 #4F477F #433C6B #363157 #2A2643 #1D1A2F

Complementary Palette

#595190 #685EA7 #878F51 #9DA65E #ABB275 #7D75B3

Analogous Palette

#66728A #6F7D95 #62589D #685EA7 #876F95 #917B9D

Triadic Palette

#5C5393 #685EA7 #B35E51 #BC7166 #51B35E #479E53

Split Complementary Palette

#5E5596 #685EA7 #A68C5E #AF986E #78A65E #6C9555

Square Palette

#574F8C #685EA7 #9A6A7C #939A6A #5EA68C #78B49E

Tetradic Palette

#554D89 #685EA7 #BD47AD #9DA65E #47BD57 #68C975

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #685EA7 contains 104 red, 94 green, and 167 blue.

Contrast Ratio: 5.6:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.75:1