#76996C

#76996C

Color Values

HEX

#76996C

RGB

118, 153, 108

HSL

106,7, 18,1%, 51,2%

HSV

106,7, 29,4%, 60,0%

CMYK

22,9%, 0,0%, 29,4%, 40,0%

OKLCH

0,6445 0,076 138,8

Properties

Cool Light Nearest: darkseagreen 4

Color Harmonies

Complementary

#76996C

#8F6C99

Analogous

#8D996C

#6C9979

#76996C

Triadic

#76996C

#6C7699

#996C76

Split Complementary

#76996C

#796C99

#996C8D

Tetradic

#76996C

#6C8D99

#8F6C99

#99796C

Color Blindness Simulation

Original

#76996C

Protanopia

#858577

Deuteranopia

#83807A

Tritanopia

#787F81

Achromatopsia

#8E8E8E

CSS Usage

background-color: #76996C;
color: #76996C;
border-color: #76996C;
Nearest Tailwind: Emerald 700 #047857

Tailwind Shades

50
#F7F9F6
100
#ECF0EA
200
#D8E2D5
300
#BCCDB7
400
#97B290
500
#739768
600
#5C7854
700
#496043
800
#394B34
900
#2C3829
950
#1C241A

Contrast Checker

Text on white

3,21:1

AA Fail AAA Fail

Text on black

6,54: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