#7C8063

#7C8063

Color Values

HEX

#7C8063

RGB

124, 128, 99

HSL

68.3, 12.8%, 44.5%

HSV

68.3, 22.7%, 50.2%

CMYK

3.1%, 0.0%, 22.7%, 49.8%

OKLCH

0.5884 0.0426 114.1

Properties

Cool Light Nearest: RAL 6013 Reed Green

Color Harmonies

Complementary

#7C8063

#676380

Analogous

#807563

#6D8063

#7C8063

Triadic

#7C8063

#637C80

#80637C

Split Complementary

#7C8063

#636D80

#756380

Tetradic

#7C8063

#638075

#676380

#80636D

Color Blindness Simulation

Original

#7C8063

Protanopia

#7E7E6A

Deuteranopia

#7E7D6C

Tritanopia

#7C7071

Achromatopsia

#7D7D7D

CSS Usage

background-color: #7C8063;
color: #7C8063;
border-color: #7C8063;
Nearest Tailwind: Stone 500 #78716C

Tailwind Shades

50
#F8F8F7
100
#EFEFEB
200
#DFE0D7
300
#C7CABA
400
#A9AD95
500
#8B906F
600
#6F7359
700
#595C47
800
#464838
900
#34362B
950
#21221B

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