#848D73

#848D73

Color Values

HEX

#848D73

RGB

132, 141, 115

HSL

80.8, 10.2%, 50.2%

HSV

80.8, 18.4%, 55.3%

CMYK

6.4%, 0.0%, 18.4%, 44.7%

OKLCH

0.6286 0.0392 123.1

Properties

Cool Light Nearest: RAL 7033 Cement Grey

Color Harmonies

Complementary

#848D73

#7C738D

Analogous

#8D8973

#778D73

#848D73

Triadic

#848D73

#73848D

#8D7384

Split Complementary

#848D73

#73778D

#89738D

Tetradic

#848D73

#738D89

#7C738D

#8D7377

Color Blindness Simulation

Original

#848D73

Protanopia

#888879

Deuteranopia

#87877B

Tritanopia

#847E7F

Achromatopsia

#898989

CSS Usage

background-color: #848D73;
color: #848D73;
border-color: #848D73;
Nearest Tailwind: Stone 500 #78716C

Tailwind Shades

50
#F8F8F7
100
#EEEFEC
200
#DCDFD8
300
#C4C8BC
400
#A4AA97
500
#838D72
600
#69705C
700
#545A49
800
#424639
900
#32352C
950
#1F211C

Contrast Checker

Text on white

3.48:1

AA Fail AAA Fail

Text on black

6.04:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026