#7C786D

#7C786D

Color Values

HEX

#7C786D

RGB

124, 120, 109

HSL

44.0, 6.4%, 45.7%

HSV

44.0, 12.1%, 48.6%

CMYK

0.0%, 3.2%, 12.1%, 51.4%

OKLCH

0.5729 0.0172 90.3

Properties

Warm Light Nearest: RAL 7048 Pearl Mouse Grey

Color Harmonies

Complementary

#7C786D

#6D717C

Analogous

#7C716D

#797C6D

#7C786D

Triadic

#7C786D

#6D7C78

#786D7C

Split Complementary

#7C786D

#6D797C

#716D7C

Tetradic

#7C786D

#6D7C71

#6D717C

#7C6D79

Color Blindness Simulation

Original

#7C786D

Protanopia

#7A7A70

Deuteranopia

#7A7B70

Tritanopia

#7C7272

Achromatopsia

#787878

CSS Usage

background-color: #7C786D;
color: #7C786D;
border-color: #7C786D;
Nearest Tailwind: Stone 500 #78716C

Tailwind Shades

50
#F8F8F7
100
#EEEEEC
200
#DEDCD9
300
#C6C4BE
400
#A7A39B
500
#888377
600
#6D695F
700
#57544C
800
#44423C
900
#33322E
950
#201F1D

Contrast Checker

Text on white

4.41:1

AA Fail AAA Fail

Text on black

4.76:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026