#7C8971

#7C8971

Color Values

HEX

#7C8971

RGB

124, 137, 113

HSL

92.5, 9.6%, 49.0%

HSV

92.5, 17.5%, 53.7%

CMYK

9.5%, 0.0%, 17.5%, 46.3%

OKLCH

0.6126 0.0384 130.7

Properties

Cool Light Nearest: RAL 7033 Cement Grey

Color Harmonies

Complementary

#7C8971

#7E7189

Analogous

#888971

#718972

#7C8971

Triadic

#7C8971

#717C89

#89717C

Split Complementary

#7C8971

#727189

#897188

Tetradic

#7C8971

#718889

#7E7189

#897271

Color Blindness Simulation

Original

#7C8971

Protanopia

#828277

Deuteranopia

#818078

Tritanopia

#7D7B7C

Achromatopsia

#858585

CSS Usage

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

Tailwind Shades

50
#F7F8F7
100
#EDEFEC
200
#DBDFD8
300
#C1C8BC
400
#A0AA98
500
#7E8C73
600
#65705C
700
#51594A
800
#3F463A
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