#7C8554

#7C8554

Color Values

HEX

#7C8554

RGB

124, 133, 84

HSL

71.0, 22.6%, 42.5%

HSV

71.0, 36.8%, 52.2%

CMYK

6.8%, 0.0%, 36.8%, 47.8%

OKLCH

0.5968 0.0702 117.1

Properties

Cool Light Nearest: RAL 7002 Olive Grey

Color Harmonies

Complementary

#7C8554

#5D5485

Analogous

#857554

#638554

#7C8554

Triadic

#7C8554

#547C85

#85547C

Split Complementary

#7C8554

#546385

#755485

Tetradic

#7C8554

#548575

#5D5485

#855463

Color Blindness Simulation

Original

#7C8554

Protanopia

#808060

Deuteranopia

#7F7F63

Tritanopia

#7C696B

Achromatopsia

#808080

CSS Usage

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

Tailwind Shades

50
#F8F9F6
100
#EFF1EA
200
#E0E3D3
300
#CBD0B4
400
#AEB68B
500
#929C63
600
#757D4F
700
#5D643F
800
#494E31
900
#373A27
950
#232518

Contrast Checker

Text on white

3.93:1

AA Fail AAA Fail

Text on black

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