#685886 Color

Color Information

HEX#685886
RGB104, 88, 134
HSL261° , 21% , 44%
HSV261° , 34% , 53%
CMYK22%, 34%, 0%, 47%

Lighter Shades

#7A6C95 #8C80A3 #9E94B2 #B0A8C0 #C3BCCF #D5D0DD

Darker Shades

#5C4D76 #4F4366 #433856 #362E46 #2A2336 #1D1926

Complementary Palette

#594C73 #685886 #66754D #778859 #8A9970 #7D6F97

Analogous Palette

#595D78 #5F6481 #62537E #685886 #7C5F81 #896A90

Triadic Palette

#5C4D76 #685886 #93654D #A07762 #4D9365 #448159

Split Complementary Palette

#5E4F79 #685886 #888159 #948E6A #608859 #567A50

Square Palette

#574A71 #685886 #815F64 #75815F #598881 #749B95

Tetradic Palette

#55486E #685886 #9C447C #778859 #449C62 #66AE7E

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #685886 contains 104 red, 88 green, and 134 blue.

Contrast Ratio: 6.33:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.32:1