#7C706F

#7C706F

Color Values

HEX

#7C706F

RGB

124, 112, 111

HSL

4.6, 5.5%, 46.1%

HSV

4.6, 10.5%, 48.6%

CMYK

0.0%, 9.7%, 10.5%, 51.4%

OKLCH

0.5559 0.0151 23.3

Properties

Warm Dark Nearest: mistyrose 4

Color Harmonies

Complementary

#7C706F

#6F7B7C

Analogous

#7C6F75

#7C776F

#7C706F

Triadic

#7C706F

#6F7C70

#706F7C

Split Complementary

#7C706F

#6F7C77

#6F757C

Tetradic

#7C706F

#757C6F

#6F7B7C

#776F7C

Color Blindness Simulation

Original

#7C706F

Protanopia

#77776F

Deuteranopia

#78786F

Tritanopia

#7B6F6F

Achromatopsia

#727272

CSS Usage

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

Tailwind Shades

50
#F8F7F7
100
#EEECEC
200
#DDDAD9
300
#C5BFBE
400
#A69C9B
500
#877A78
600
#6C6160
700
#564E4D
800
#433D3C
900
#332E2E
950
#201D1D

Contrast Checker

Text on white

4.77:1

AA Pass AAA Fail

Text on black

4.4:1

AA Fail 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