#686F8D Color

Color Information

HEX	#686F8D
RGB	104, 111, 141
HSL	229° , 15% , 48%
HSV	229° , 26% , 55%
CMYK	26%, 21%, 0%, 45%

Lighter Shades

#7A809B #8C92A8 #9EA3B6 #B0B4C4 #C3C5D1 #D5D7DF

Darker Shades

#5C627C #4F546B #43475A #363A49 #2A2C38 #1D1F27

Complementary Palette

#595F79 #686F8D #797359 #8D8668 #9D977D #7D839D

Analogous Palette

#5F7681 #68818D #626885 #686F8D #74688D #7E7297

Triadic Palette

#5C627C #686F8D #995C67 #A57079 #67995C #5B8751

Split Complementary Palette

#5E647F #686F8D #8D7468 #988277 #818D68 #747F5E

Square Palette

#575D76 #686F8D #8D6881 #8D8668 #688D74 #809F8A

Tetradic Palette

#555B74 #686F8D #9452A3 #8D8668 #61A352 #7DB471

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #686F8D contains 104 red, 111 green, and 141 blue.

Contrast Ratio: 4.91:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4.28:1