#848B5F

#848B5F

Color Values

HEX

#848B5F

RGB

132, 139, 95

HSL

69.5, 18.8%, 45.9%

HSV

69.5, 31.7%, 54.5%

CMYK

5.0%, 0.0%, 31.7%, 45.5%

OKLCH

0.6195 0.0629 115.6

Properties

Cool Light Nearest: RAL 7034 Yellow Grey

Color Harmonies

Complementary

#848B5F

#665F8B

Analogous

#8B7C5F

#6E8B5F

#848B5F

Triadic

#848B5F

#5F848B

#8B5F84

Split Complementary

#848B5F

#5F6E8B

#7C5F8B

Tetradic

#848B5F

#5F8B7C

#665F8B

#8B5F6E

Color Blindness Simulation

Original

#848B5F

Protanopia

#87876A

Deuteranopia

#87866C

Tritanopia

#847274

Achromatopsia

#868686

CSS Usage

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

Tailwind Shades

50
#F8F9F6
100
#EFF0EA
200
#E0E2D5
300
#CACDB6
400
#ADB28F
500
#909768
600
#737953
700
#5C6142
800
#484C34
900
#363928
950
#222419

Contrast Checker

Text on white

3.6:1

AA Fail AAA Fail

Text on black

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