#7C976F

#7C976F

Color Values

HEX

#7C976F

RGB

124, 151, 111

HSL

100.5, 16.1%, 51.4%

HSV

100.5, 26.5%, 59.2%

CMYK

17.9%, 0.0%, 26.5%, 40.8%

OKLCH

0.6447 0.0655 135.6

Properties

Cool Light Nearest: darkseagreen 4

Color Harmonies

Complementary

#7C976F

#8A6F97

Analogous

#90976F

#6F9776

#7C976F

Triadic

#7C976F

#6F7C97

#976F7C

Split Complementary

#7C976F

#766F97

#976F90

Tetradic

#7C976F

#6F9097

#8A6F97

#97766F

Color Blindness Simulation

Original

#7C976F

Protanopia

#888879

Deuteranopia

#86847B

Tritanopia

#7D8082

Achromatopsia

#8E8E8E

CSS Usage

background-color: #7C976F;
color: #7C976F;
border-color: #7C976F;
Nearest Tailwind: Stone 400 #A8A29E

Tailwind Shades

50
#F7F8F6
100
#ECF0EB
200
#D9E1D6
300
#BECCB8
400
#9BB091
500
#78946B
600
#607656
700
#4D5F44
800
#3C4A35
900
#2E3729
950
#1D231A

Contrast Checker

Text on white

3.22:1

AA Fail AAA Fail

Text on black

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