#7B8963

#7B8963

Color Values

HEX

#7B8963

RGB

123, 137, 99

HSL

82.1, 16.1%, 46.3%

HSV

82.1, 27.7%, 53.7%

CMYK

10.2%, 0.0%, 27.7%, 46.3%

OKLCH

0.6084 0.0574 124.5

Properties

Cool Light Nearest: RAL 7034 Yellow Grey

Color Harmonies

Complementary

#7B8963

#716389

Analogous

#898463

#688963

#7B8963

Triadic

#7B8963

#637B89

#89637B

Split Complementary

#7B8963

#636889

#846389

Tetradic

#7B8963

#638984

#716389

#896368

Color Blindness Simulation

Original

#7B8963

Protanopia

#81816C

Deuteranopia

#807F6E

Tritanopia

#7C7375

Achromatopsia

#838383

CSS Usage

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

Tailwind Shades

50
#F8F8F6
100
#EEF0EB
200
#DDE1D6
300
#C4CCB8
400
#A5B091
500
#85946B
600
#6A7656
700
#555F44
800
#424A35
900
#323729
950
#20231A

Contrast Checker

Text on white

3.75:1

AA Fail AAA Fail

Text on black

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