#685EAC Color

Color Information

HEX#685EAC
RGB104, 94, 172
HSL248° , 32% , 52%
HSV248° , 45% , 67%
CMYK40%, 45%, 0%, 33%

Lighter Shades

#7A71B6 #8C85C0 #9E98CA #B0ABD4 #C3BFDE #D5D2E8

Darker Shades

#5C5397 #4F4783 #433C6E #363159 #2A2645 #1D1A30

Complementary Palette

#595194 #685EAC #8A9450 #A1AC5D #AEB874 #7D75B8

Analogous Palette

#68768D #728097 #6258A2 #685EAC #897297 #937EA0

Triadic Palette

#5C5397 #685EAC #B85F51 #C17266 #51B85F #47A254

Split Complementary Palette

#5E559B #685EAC #AC8F5D #B49A6D #7AAC5D #6E9B54

Square Palette

#574F90 #685EAC #A06A7D #98A06A #5DAC8F #77B9A1

Tetradic Palette

#554D8D #685EAC #C247B1 #A1AC5D #47C258 #68CD76

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #685EAC contains 104 red, 94 green, and 172 blue.

Contrast Ratio: 5.54:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.79:1