#685B7B Color

Color Information

HEX	#685B7B
RGB	104, 91, 123
HSL	264° , 15% , 42%
HSV	264° , 26% , 48%
CMYK	15%, 26%, 0%, 52%

Lighter Shades

#7A6F8B #8C829B #9E96AB #B0AABA #C3BDCA #D5D1DA

Darker Shades

#5C506C #4F455D #433A4F #362F40 #2A2431 #1D1922

Complementary Palette

#594E6A #685B7B #5F6A4E #6E7B5B #828D72 #7D728D

Analogous Palette

#555772 #5B5E7B #625674 #685B7B #785B7B #86668A

Triadic Palette

#5C506C #685B7B #866650 #957865 #508666 #46765A

Split Complementary Palette

#5E526F #685B7B #7B785B #88866B #5E7B5B #556F52

Square Palette

#574C67 #685B7B #7B5B5E #6E7B5B #5B7B78 #75908E

Tetradic Palette

#554B65 #685B7B #8E4872 #6E7B5B #488E64 #69A280

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #685B7B contains 104 red, 91 green, and 123 blue.

Contrast Ratio: 6.24:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.36:1