#7B8657

#7B8657

Color Values

HEX

#7B8657

RGB

123, 134, 87

HSL

74.0, 21.3%, 43.3%

HSV

74.0, 35.1%, 52.5%

CMYK

8.2%, 0.0%, 35.1%, 47.5%

OKLCH

0.5989 0.0682 119.2

Properties

Cool Light Nearest: RAL 7002 Olive Grey

Color Harmonies

Complementary

#7B8657

#625786

Analogous

#867957

#638657

#7B8657

Triadic

#7B8657

#577B86

#86577B

Split Complementary

#7B8657

#576386

#795786

Tetradic

#7B8657

#578679

#625786

#865763

Color Blindness Simulation

Original

#7B8657

Protanopia

#808062

Deuteranopia

#7F7E65

Tritanopia

#7C6B6D

Achromatopsia

#808080

CSS Usage

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

Tailwind Shades

50
#F8F9F6
100
#EFF0EA
200
#DFE3D4
300
#C9CFB5
400
#ABB58D
500
#8E9B64
600
#727C50
700
#5B6340
800
#474D32
900
#353A27
950
#222419

Contrast Checker

Text on white

3.9:1

AA Fail AAA Fail

Text on black

5.39:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026