#7C985D

#7C985D

Color Values

HEX

#7C985D

RGB

124, 152, 93

HSL

88.5, 24.1%, 48.0%

HSV

88.5, 38.8%, 59.6%

CMYK

18.4%, 0.0%, 38.8%, 40.4%

OKLCH

0.6433 0.0888 129.3

Properties

Cool Light Nearest: Asparagus

Color Harmonies

Complementary

#7C985D

#795D98

Analogous

#98965D

#5E985D

#7C985D

Triadic

#7C985D

#5D7C98

#985D7C

Split Complementary

#7C985D

#5D5E98

#965D98

Tetradic

#7C985D

#5D9896

#795D98

#985D5E

Color Blindness Simulation

Original

#7C985D

Protanopia

#88886B

Deuteranopia

#86846F

Tritanopia

#7D7779

Achromatopsia

#8E8E8E

CSS Usage

background-color: #7C985D;
color: #7C985D;
border-color: #7C985D;
Nearest Tailwind: Lime 800 #3F6212

Tailwind Shades

50
#F7F9F6
100
#EDF1E9
200
#DCE4D3
300
#C3D1B3
400
#A2B78A
500
#819E61
600
#677F4D
700
#53653E
800
#414F30
900
#313B26
950
#1F2518

Contrast Checker

Text on white

3.23:1

AA Fail AAA Fail

Text on black

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