#685B89 Color

Color Information

HEX#685B89
RGB104, 91, 137
HSL257° , 20% , 45%
HSV257° , 34% , 54%
CMYK24%, 34%, 0%, 46%

Lighter Shades

#7A6F97 #8C82A5 #9E96B3 #B0AAC2 #C3BDD0 #D5D1DE

Darker Shades

#5C5079 #4F4568 #433A58 #362F47 #2A2437 #1D1926

Complementary Palette

#594E76 #685B89 #6C774F #7D8A5C #8F9A73 #7D729A

Analogous Palette

#5B627B #626984 #625681 #685B89 #7D6284 #886A90

Triadic Palette

#5C5079 #685B89 #956450 #A27765 #509564 #468358

Split Complementary Palette

#5E527B #685B89 #8A805C #968D6C #668A5C #5C7C53

Square Palette

#574C73 #685B89 #846269 #7A8462 #5C8A80 #769D94

Tetradic Palette

#554B70 #685B89 #9E4786 #7D8A5C #479E60 #68AF7D

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #685B89 contains 104 red, 91 green, and 137 blue.

Contrast Ratio: 6.1:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.44:1