#7D6F5F

#7D6F5F

Color Values

HEX

#7D6F5F

RGB

125, 111, 95

HSL

32.0, 13.6%, 43.1%

HSV

32.0, 24.0%, 49.0%

CMYK

0.0%, 11.2%, 24.0%, 51.0%

OKLCH

0.5501 0.0297 70.9

Properties

Warm Dark Nearest: peachpuff 4

Color Harmonies

Complementary

#7D6F5F

#5F6D7D

Analogous

#7D605F

#7C7D5F

#7D6F5F

Triadic

#7D6F5F

#5F7D6F

#6F5F7D

Split Complementary

#7D6F5F

#5F7C7D

#605F7D

Tetradic

#7D6F5F

#5F7D60

#5F6D7D

#7D5F7C

Color Blindness Simulation

Original

#7D6F5F

Protanopia

#777763

Deuteranopia

#787964

Tritanopia

#7C6667

Achromatopsia

#717171

CSS Usage

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

Tailwind Shades

50
#F8F7F6
100
#EFEDEB
200
#E0DCD6
300
#CAC2B9
400
#ADA294
500
#91816E
600
#746758
700
#5D5247
800
#484037
900
#36312B
950
#221F1B

Contrast Checker

Text on white

4.87:1

AA Pass AAA Fail

Text on black

4.31:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026