#7C8151

#7C8151

Color Values

HEX

#7C8151

RGB

124, 129, 81

HSL

66.2, 22.9%, 41.2%

HSV

66.2, 37.2%, 50.6%

CMYK

3.9%, 0.0%, 37.2%, 49.4%

OKLCH

0.5869 0.0682 113.4

Properties

Cool Light Nearest: RAL 7002 Olive Grey

Color Harmonies

Complementary

#7C8151

#565181

Analogous

#816E51

#648151

#7C8151

Triadic

#7C8151

#517C81

#81517C

Split Complementary

#7C8151

#516481

#6E5181

Tetradic

#7C8151

#51816E

#565181

#815164

Color Blindness Simulation

Original

#7C8151

Protanopia

#7E7E5D

Deuteranopia

#7E7E5F

Tritanopia

#7C6668

Achromatopsia

#7C7C7C

CSS Usage

background-color: #7C8151;
color: #7C8151;
border-color: #7C8151;
Nearest Tailwind: Lime 900 #365314

Tailwind Shades

50
#F9F9F6
100
#F0F1EA
200
#E2E3D3
300
#CDD0B4
400
#B2B68B
500
#979D62
600
#797D4F
700
#60643F
800
#4B4E31
900
#383A26
950
#242518

Contrast Checker

Text on white

4.1:1

AA Fail AAA Fail

Text on black

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