#7C786F

#7C786F

Color Values

HEX

#7C786F

RGB

124, 120, 111

HSL

41.5, 5.5%, 46.1%

HSV

41.5, 10.5%, 48.6%

CMYK

0.0%, 3.2%, 10.5%, 51.4%

OKLCH

0.5735 0.0144 86.9

Properties

Warm Light Nearest: RAL 7048 Pearl Mouse Grey

Color Harmonies

Complementary

#7C786F

#6F737C

Analogous

#7C726F

#7A7C6F

#7C786F

Triadic

#7C786F

#6F7C78

#786F7C

Split Complementary

#7C786F

#6F7A7C

#726F7C

Tetradic

#7C786F

#6F7C72

#6F737C

#7C6F7A

Color Blindness Simulation

Original

#7C786F

Protanopia

#7A7A71

Deuteranopia

#7A7B72

Tritanopia

#7C7373

Achromatopsia

#787878

CSS Usage

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

Tailwind Shades

50
#F8F7F7
100
#EEEDEC
200
#DDDCD9
300
#C5C3BE
400
#A6A39B
500
#878278
600
#6C6860
700
#56534D
800
#43413C
900
#33312E
950
#201F1D

Contrast Checker

Text on white

4.4:1

AA Fail AAA Fail

Text on black

4.77: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