#7C6958

#7C6958

Color Values

HEX

#7C6958

RGB

124, 105, 88

HSL

28.3, 17.0%, 41.6%

HSV

28.3, 29.0%, 48.6%

CMYK

0.0%, 15.3%, 29.0%, 51.4%

OKLCH

0.5342 0.0353 63.8

Properties

Warm Dark Nearest: peachpuff 4

Color Harmonies

Complementary

#7C6958

#586B7C

Analogous

#7C5859

#7C7B58

#7C6958

Triadic

#7C6958

#587C69

#69587C

Split Complementary

#7C6958

#587C7B

#58597C

Tetradic

#7C6958

#597C58

#586B7C

#7B587C

Color Blindness Simulation

Original

#7C6958

Protanopia

#74745C

Deuteranopia

#75765D

Tritanopia

#7B5F60

Achromatopsia

#6C6C6C

CSS Usage

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

Tailwind Shades

50
#F8F7F6
100
#F0EDEB
200
#E1DBD5
300
#CCC1B7
400
#B1A091
500
#957E6A
600
#776555
700
#5F5144
800
#4B3F35
900
#383029
950
#231E1A

Contrast Checker

Text on white

5.23:1

AA Pass AAA Fail

Text on black

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