#848571

#848571

Color Values

HEX

#848571

RGB

132, 133, 113

HSL

63.0, 8.1%, 48.2%

HSV

63.0, 15.0%, 52.2%

CMYK

0.8%, 0.0%, 15.0%, 47.8%

OKLCH

0.6101 0.0293 109.6

Properties

Cool Light Nearest: RAL 7033 Cement Grey

Color Harmonies

Complementary

#848571

#727185

Analogous

#857C71

#7A8571

#848571

Triadic

#848571

#718485

#857184

Split Complementary

#848571

#717A85

#7C7185

Tetradic

#848571

#71857C

#727185

#85717A

Color Blindness Simulation

Original

#848571

Protanopia

#848476

Deuteranopia

#848477

Tritanopia

#847A7A

Achromatopsia

#838383

CSS Usage

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

Tailwind Shades

50
#F8F8F7
100
#EEEEEC
200
#DEDED8
300
#C6C7BD
400
#A8A899
500
#898A75
600
#6D6E5E
700
#58584B
800
#44453B
900
#34342D
950
#21211C

Contrast Checker

Text on white

3.77:1

AA Fail AAA Fail

Text on black

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