#76866C

#76866C

Color Values

HEX

#76866C

RGB

118, 134, 108

HSL

96.9, 10.7%, 47.5%

HSV

96.9, 19.4%, 52.5%

CMYK

11.9%, 0.0%, 19.4%, 47.5%

OKLCH

0.5996 0.0428 133.5

Properties

Cool Light Nearest: RAL 7033 Cement Grey

Color Harmonies

Complementary

#76866C

#7C6C86

Analogous

#83866C

#6C866F

#76866C

Triadic

#76866C

#6C7686

#866C76

Split Complementary

#76866C

#6F6C86

#866C83

Tetradic

#76866C

#6C8386

#7C6C86

#866F6C

Color Blindness Simulation

Original

#76866C

Protanopia

#7D7D72

Deuteranopia

#7C7B74

Tritanopia

#777778

Achromatopsia

#818181

CSS Usage

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

Tailwind Shades

50
#F7F8F7
100
#EDEFEC
200
#DADFD7
300
#C0C8BB
400
#9EAB97
500
#7C8D72
600
#63715B
700
#505A49
800
#3E4739
900
#2F352C
950
#1E221C

Contrast Checker

Text on white

3.89:1

AA Fail AAA Fail

Text on black

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