#686B6D Color

Color Information

HEX#686B6D
RGB104, 107, 109
HSL204° , 2% , 42%
HSV204° , 5% , 43%
CMYK5%, 2%, 0%, 57%

Lighter Shades

#7A7D7F #8C8F90 #9EA0A2 #B0B2B3 #C3C4C5 #D5D6D6

Darker Shades

#5C5E60 #4F5153 #434446 #363839 #2A2B2C #1D1E1F

Complementary Palette

#595C5E #686B6D #5E5C5A #6D6B69 #81807E #7D8081

Analogous Palette

#557272 #5B7B7B #626566 #686B6D #5B5B7B #66668A

Triadic Palette

#5C5E60 #686B6D #7B5B73 #8B6F84 #737B5B #656C50

Split Complementary Palette

#5E6062 #686B6D #6D6969 #7C7878 #6D6D69 #62625F

Square Palette

#575A5C #686B6D #7B5B7B #7B6B5B #696D69 #818481

Tetradic Palette

#555859 #686B6D #6B5681 #6D6B69 #768156 #8F9874

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #686B6D contains 104 red, 107 green, and 109 blue.

Contrast Ratio: 5.34:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.93:1