#848866

#848866

Color Values

HEX

#848866

RGB

132, 136, 102

HSL

67.1, 14.3%, 46.7%

HSV

67.1, 25.0%, 53.3%

CMYK

2.9%, 0.0%, 25.0%, 46.7%

OKLCH

0.6142 0.0491 113.3

Properties

Cool Light Nearest: RAL 7034 Yellow Grey

Color Harmonies

Complementary

#848866

#6A6688

Analogous

#887B66

#738866

#848866

Triadic

#848866

#668488

#886684

Split Complementary

#848866

#667388

#7B6688

Tetradic

#848866

#66887B

#6A6688

#886673

Color Blindness Simulation

Original

#848866

Protanopia

#86866E

Deuteranopia

#868570

Tritanopia

#847576

Achromatopsia

#858585

CSS Usage

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

Tailwind Shades

50
#F8F8F6
100
#EFEFEB
200
#DFE0D6
300
#C8CBB9
400
#ABAE93
500
#8D926D
600
#717557
700
#5B5D46
800
#474937
900
#35372A
950
#22231B

Contrast Checker

Text on white

3.69:1

AA Fail AAA Fail

Text on black

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