#7C8970

#7C8970

Color Values

HEX

#7C8970

RGB

124, 137, 112

HSL

91.2, 10.0%, 48.8%

HSV

91.2, 18.2%, 53.7%

CMYK

9.5%, 0.0%, 18.2%, 46.3%

OKLCH

0.6123 0.0397 130.0

Properties

Cool Light Nearest: RAL 7033 Cement Grey

Color Harmonies

Complementary

#7C8970

#7D7089

Analogous

#888970

#708970

#7C8970

Triadic

#7C8970

#707C89

#89707C

Split Complementary

#7C8970

#707089

#897088

Tetradic

#7C8970

#708889

#7D7089

#897070

Color Blindness Simulation

Original

#7C8970

Protanopia

#828276

Deuteranopia

#818078

Tritanopia

#7D7B7C

Achromatopsia

#848484

CSS Usage

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

Tailwind Shades

50
#F7F8F7
100
#EDEFEC
200
#DBDFD8
300
#C2C8BC
400
#A0AA97
500
#7F8C73
600
#66705C
700
#515A49
800
#3F4639
900
#30352C
950
#1E211C

Contrast Checker

Text on white

3.7:1

AA Fail AAA Fail

Text on black

5.67:1

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