#84886F

#84886F

Color Values

HEX

#84886F

RGB

132, 136, 111

HSL

69.6, 10.1%, 48.4%

HSV

69.6, 18.4%, 53.3%

CMYK

2.9%, 0.0%, 18.4%, 46.7%

OKLCH

0.6163 0.0366 114.9

Properties

Cool Light Nearest: RAL 7033 Cement Grey

Color Harmonies

Complementary

#84886F

#736F88

Analogous

#887F6F

#77886F

#84886F

Triadic

#84886F

#6F8488

#886F84

Split Complementary

#84886F

#6F7788

#7F6F88

Tetradic

#84886F

#6F887F

#736F88

#886F77

Color Blindness Simulation

Original

#84886F

Protanopia

#868675

Deuteranopia

#868576

Tritanopia

#847A7B

Achromatopsia

#858585

CSS Usage

background-color: #84886F;
color: #84886F;
border-color: #84886F;
Nearest Tailwind: Stone 500 #78716C

Tailwind Shades

50
#F8F8F7
100
#EEEFEC
200
#DEDFD8
300
#C6C8BC
400
#A7AA97
500
#888C73
600
#6D705C
700
#575A49
800
#444639
900
#33352C
950
#20211C

Contrast Checker

Text on white

3.66:1

AA Fail AAA Fail

Text on black

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