#7C705F

#7C705F

Color Values

HEX

#7C705F

RGB

124, 112, 95

HSL

35.2, 13.2%, 42.9%

HSV

35.2, 23.4%, 48.6%

CMYK

0.0%, 9.7%, 23.4%, 51.4%

OKLCH

0.5514 0.0295 76.6

Properties

Warm Dark Nearest: peachpuff 4

Color Harmonies

Complementary

#7C705F

#5F6B7C

Analogous

#7C615F

#797C5F

#7C705F

Triadic

#7C705F

#5F7C70

#705F7C

Split Complementary

#7C705F

#5F797C

#615F7C

Tetradic

#7C705F

#5F7C61

#5F6B7C

#7C5F79

Color Blindness Simulation

Original

#7C705F

Protanopia

#777763

Deuteranopia

#787864

Tritanopia

#7B6667

Achromatopsia

#717171

CSS Usage

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

Tailwind Shades

50
#F8F7F6
100
#EFEDEB
200
#E0DCD7
300
#CAC3BA
400
#ADA394
500
#90826F
600
#736859
700
#5C5347
800
#484137
900
#36312B
950
#221F1B

Contrast Checker

Text on white

4.84:1

AA Pass AAA Fail

Text on black

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