#868C72

#868C72

Color Values

HEX

#868C72

RGB

134, 140, 114

HSL

73.8, 10.2%, 49.8%

HSV

73.8, 18.6%, 54.9%

CMYK

4.3%, 0.0%, 18.6%, 45.1%

OKLCH

0.6278 0.0383 118.1

Properties

Cool Light Nearest: RAL 7033 Cement Grey

Color Harmonies

Complementary

#868C72

#78728C

Analogous

#8C8572

#798C72

#868C72

Triadic

#868C72

#72868C

#8C7286

Split Complementary

#868C72

#72798C

#85728C

Tetradic

#868C72

#728C85

#78728C

#8C7279

Color Blindness Simulation

Original

#868C72

Protanopia

#898978

Deuteranopia

#88887A

Tritanopia

#867D7E

Achromatopsia

#898989

CSS Usage

background-color: #868C72;
color: #868C72;
border-color: #868C72;
Nearest Tailwind: Stone 500 #78716C

Tailwind Shades

50
#F8F8F7
100
#EEEFEC
200
#DDDFD8
300
#C5C8BC
400
#A6AA97
500
#878D72
600
#6C705C
700
#565A49
800
#434639
900
#33352C
950
#20211C

Contrast Checker

Text on white

3.5:1

AA Fail AAA Fail

Text on black

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