#7D686C Color

Color Information

HEX#7D686C
RGB125, 104, 108
HSL349° , 9% , 45%
HSV349° , 17% , 49%
CMYK0%, 17%, 14%, 51%

Lighter Shades

#8D7A7E #9C8C8F #AC9EA1 #BBB0B3 #CBC3C4 #DBD5D6

Darker Shades

#6E5C5F #5F4F52 #504345 #413638 #322A2B #231D1E

Complementary Palette

#6C595D #7D686C #596C68 #687D79 #7D8F8C #8F7D81

Analogous Palette

#78596E #84627A #766266 #7D686C #846D62 #90786A

Triadic Palette

#6E5C5F #7D686C #65895D #779770 #5D6589 #525979

Split Complementary Palette

#715E61 #7D686C #687D6F #778A7D #68777D #5E6B71

Square Palette

#69575B #7D686C #7A8462 #62847E #6F687D #868092

Tetradic Palette

#675559 #7D686C #928654 #687D79 #545F92 #737CA6

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #7D686C contains 125 red, 104 green, and 108 blue.

Contrast Ratio: 5.13:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4.09:1