#686C8D Color

Color Information

HEX#686C8D
RGB104, 108, 141
HSL234° , 15% , 48%
HSV234° , 26% , 55%
CMYK26%, 23%, 0%, 45%

Lighter Shades

#7A7E9B #8C8FA8 #9EA1B6 #B0B3C4 #C3C4D1 #D5D6DF

Darker Shades

#5C5F7C #4F526B #43455A #363849 #2A2B38 #1D1E27

Complementary Palette

#595D79 #686C8D #797659 #8D8968 #9D9A7D #7D819D

Analogous Palette

#5F7381 #687E8D #626685 #686C8D #77688D #827297

Triadic Palette

#5C5F7C #686C8D #995C62 #A57075 #62995C #568751

Split Complementary Palette

#5E617F #686C8D #8D7768 #988577 #7E8D68 #717F5E

Square Palette

#575B76 #686C8D #8D687E #8D8968 #688D77 #809F8D

Tetradic Palette

#555974 #686C8D #9B52A3 #8D8968 #5AA352 #78B471

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #686C8D contains 104 red, 108 green, and 141 blue.

Contrast Ratio: 5.07:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4.14:1