#7D705F

#7D705F

Color Values

HEX

#7D705F

RGB

125, 112, 95

HSL

34.0, 13.6%, 43.1%

HSV

34.0, 24.0%, 49.0%

CMYK

0.0%, 10.4%, 24.0%, 51.0%

OKLCH

0.5523 0.0302 74.5

Properties

Warm Dark Nearest: peachpuff 4

Color Harmonies

Complementary

#7D705F

#5F6C7D

Analogous

#7D615F

#7B7D5F

#7D705F

Triadic

#7D705F

#5F7D70

#705F7D

Split Complementary

#7D705F

#5F7B7D

#615F7D

Tetradic

#7D705F

#5F7D61

#5F6C7D

#7D5F7B

Color Blindness Simulation

Original

#7D705F

Protanopia

#777763

Deuteranopia

#787964

Tritanopia

#7C6667

Achromatopsia

#727272

CSS Usage

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

Tailwind Shades

50
#F8F7F6
100
#EFEDEB
200
#E0DCD6
300
#CAC3B9
400
#ADA294
500
#91826E
600
#746858
700
#5D5347
800
#484137
900
#36312B
950
#221F1B

Contrast Checker

Text on white

4.82:1

AA Pass AAA Fail

Text on black

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