#7C8536

#7C8536

Color Values

HEX

#7C8536

RGB

124, 133, 54

HSL

66.8, 42.2%, 36.7%

HSV

66.8, 59.4%, 52.2%

CMYK

6.8%, 0.0%, 59.4%, 47.8%

OKLCH

0.5923 0.1037 115.1

Properties

Cool Light Nearest: darkolivegreen 4

Color Harmonies

Complementary

#7C8536

#3F3685

Analogous

#856736

#558536

#7C8536

Triadic

#7C8536

#367C85

#85367C

Split Complementary

#7C8536

#365585

#673685

Tetradic

#7C8536

#368567

#3F3685

#853655

Color Blindness Simulation

Original

#7C8536

Protanopia

#808049

Deuteranopia

#7F7F4E

Tritanopia

#7C585C

Achromatopsia

#7D7D7D

CSS Usage

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

Tailwind Shades

50
#F9FAF5
100
#F2F4E7
200
#E7EACC
300
#D6DCA8
400
#BFC879
500
#A9B54A
600
#87913B
700
#6C742F
800
#555B25
900
#3F431E
950
#282A13

Contrast Checker

Text on white

3.99:1

AA Fail AAA Fail

Text on black

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