#848658

#848658

Color Values

HEX

#848658

RGB

132, 134, 88

HSL

62.6, 20.7%, 43.5%

HSV

62.6, 34.3%, 52.5%

CMYK

1.5%, 0.0%, 34.3%, 47.5%

OKLCH

0.6067 0.0648 110.3

Properties

Cool Light Nearest: RAL 7002 Olive Grey

Color Harmonies

Complementary

#848658

#5A5886

Analogous

#867158

#6D8658

#848658

Triadic

#848658

#588486

#865884

Split Complementary

#848658

#586D86

#715886

Tetradic

#848658

#588671

#5A5886

#86586D

Color Blindness Simulation

Original

#848658

Protanopia

#858563

Deuteranopia

#858566

Tritanopia

#846C6E

Achromatopsia

#828282

CSS Usage

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

Tailwind Shades

50
#F9F9F6
100
#F0F0EA
200
#E2E3D4
300
#CDCEB5
400
#B2B48D
500
#989A65
600
#797B51
700
#616241
800
#4C4D33
900
#393927
950
#242419

Contrast Checker

Text on white

3.8:1

AA Fail AAA Fail

Text on black

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