#848670

#848670

Color Values

HEX

#848670

RGB

132, 134, 112

HSL

65.5, 8.9%, 48.2%

HSV

65.5, 16.4%, 52.5%

CMYK

1.5%, 0.0%, 16.4%, 47.5%

OKLCH

0.6121 0.0322 111.6

Properties

Cool Light Nearest: RAL 7033 Cement Grey

Color Harmonies

Complementary

#848670

#727086

Analogous

#867D70

#798670

#848670

Triadic

#848670

#708486

#867084

Split Complementary

#848670

#707986

#7D7086

Tetradic

#848670

#70867D

#727086

#867079

Color Blindness Simulation

Original

#848670

Protanopia

#858575

Deuteranopia

#858577

Tritanopia

#847A7A

Achromatopsia

#848484

CSS Usage

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

Tailwind Shades

50
#F8F8F7
100
#EEEFEC
200
#DEDED8
300
#C6C7BC
400
#A8A998
500
#898B74
600
#6D6F5D
700
#58594A
800
#44453A
900
#34342D
950
#21211C

Contrast Checker

Text on white

3.73:1

AA Fail AAA Fail

Text on black

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