Skip to main content

#686B75

Share this color with others or download a color card image with HEX and RGB values. Perfect for social media, presentations, or design reference.

All Formats

HEX
#686B75
RGB
rgb(104, 107, 117)
RGBA
rgba(104, 107, 117, 1)
HSL
hsl(226.15, 5.88%, 43.33%)
HSLA
hsla(226, 6%, 43%, 1)
CMYK
cmyk(11%, 9%, 0%, 54%)

Color Palettes

Harmonious color combinations based on #686B75

Monochromatic

Shades and tints of the same hue

#18191B
#484A51
#787B87
#AEB0B7
#E4E5E7

Analogous

Adjacent colors on the color wheel

#677471
#677174
#686B75
#6B6774
#716774

Complementary

Opposite color for maximum contrast

#686B75
#747167

Triadic

Three evenly spaced colors

#686B75
#74676A
#6A7467

CSS Usage Examples

Background

background-color: #686B75;

Text

color: #686B75;

Border

border: 2px solid #686B75;

Shadow

box-shadow: 0 4px 6px #686B7540;
Feedback