#686064 Color

Color Information

HEX#686064
RGB104, 96, 100
HSL330° , 4% , 39%
HSV330° , 8% , 41%
CMYK0%, 8%, 4%, 59%

Lighter Shades

#7A7377 #8C8689 #9E999C #B0ACAE #C3BFC1 #D5D2D4

Darker Shades

#5C5458 #4F494C #433D40 #363234 #2A2628 #1D1B1C

Complementary Palette

#595356 #686064 #525955 #5F6763 #757C79 #7D767A

Analogous Palette

#6A4E6A #725572 #625A5E #686064 #725555 #815F5F

Triadic Palette

#5C5458 #686064 #637255 #768369 #556372 #4B5764

Split Complementary Palette

#5E565A #686064 #5F675F #6F766F #5F6767 #565D5D

Square Palette

#575154 #686064 #727255 #557263 #5F5F67 #79797F

Tetradic Palette

#554F52 #686064 #79634E #5F6763 #4E6379 #6E7F91

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #686064 contains 104 red, 96 green, and 100 blue.

Contrast Ratio: 6.1:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.44:1