#7C785F

#7C785F

Color Values

HEX

#7C785F

RGB

124, 120, 95

HSL

51.7, 13.2%, 42.9%

HSV

51.7, 23.4%, 48.6%

CMYK

0.0%, 3.2%, 23.4%, 51.4%

OKLCH

0.5692 0.037 99.9

Properties

Warm Light Nearest: wheat 4

Color Harmonies

Complementary

#7C785F

#5F637C

Analogous

#7C695F

#717C5F

#7C785F

Triadic

#7C785F

#5F7C78

#785F7C

Split Complementary

#7C785F

#5F717C

#695F7C

Tetradic

#7C785F

#5F7C69

#5F637C

#7C5F71

Color Blindness Simulation

Original

#7C785F

Protanopia

#7A7A65

Deuteranopia

#7A7B66

Tritanopia

#7C6A6B

Achromatopsia

#777777

CSS Usage

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

Tailwind Shades

50
#F8F8F6
100
#EFEFEB
200
#E0DFD7
300
#CAC8BA
400
#ADAA94
500
#908C6F
600
#737059
700
#5C5947
800
#484637
900
#36352B
950
#22211B

Contrast Checker

Text on white

4.46:1

AA Fail AAA Fail

Text on black

4.71:1

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