#76998C

#76998C

Color Values

HEX

#76998C

RGB

118, 153, 140

HSL

157.7, 14.6%, 53.1%

HSV

157.7, 22.9%, 60.0%

CMYK

22.9%, 0.0%, 8.5%, 40.0%

OKLCH

0.6528 0.0434 170.2

Properties

Cool Light Nearest: Wintergreen Dream

Color Harmonies

Complementary

#76998C

#997683

Analogous

#76997A

#769499

#76998C

Triadic

#76998C

#8C7699

#998C76

Split Complementary

#76998C

#997694

#997A76

Tetradic

#76998C

#7A7699

#997683

#949976

Color Blindness Simulation

Original

#76998C

Protanopia

#85858F

Deuteranopia

#838090

Tritanopia

#789292

Achromatopsia

#919191

CSS Usage

background-color: #76998C;
color: #76998C;
border-color: #76998C;
Nearest Tailwind: Neutral 400 #A3A3A3

Tailwind Shades

50
#F6F8F8
100
#EBEFEE
200
#D6E1DD
300
#B9CBC4
400
#93AEA4
500
#6D9284
600
#57756A
700
#465E55
800
#364942
900
#2A3732
950
#1B2320

Contrast Checker

Text on white

3.13:1

AA Fail AAA Fail

Text on black

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