#7C856F

#7C856F

Color Values

HEX

#7C856F

RGB

124, 133, 111

HSL

84.5, 9.0%, 47.8%

HSV

84.5, 16.5%, 52.2%

CMYK

6.8%, 0.0%, 16.5%, 47.8%

OKLCH

0.6028 0.0341 125.5

Properties

Cool Light Nearest: RAL 7033 Cement Grey

Color Harmonies

Complementary

#7C856F

#786F85

Analogous

#85836F

#71856F

#7C856F

Triadic

#7C856F

#6F7C85

#856F7C

Split Complementary

#7C856F

#6F7185

#836F85

Tetradic

#7C856F

#6F8583

#786F85

#856F71

Color Blindness Simulation

Original

#7C856F

Protanopia

#808074

Deuteranopia

#7F7F76

Tritanopia

#7C7979

Achromatopsia

#818181

CSS Usage

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

Tailwind Shades

50
#F7F8F7
100
#EDEFEC
200
#DCDFD8
300
#C3C7BC
400
#A2A998
500
#828B74
600
#686F5D
700
#53594A
800
#41453A
900
#31342D
950
#1F211C

Contrast Checker

Text on white

3.86:1

AA Fail AAA Fail

Text on black

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