#846C52

#846C52

Color Values

HEX

#846C52

RGB

132, 108, 82

HSL

31.2, 23.4%, 42.0%

HSV

31.2, 37.9%, 51.8%

CMYK

0.0%, 18.2%, 37.9%, 48.2%

OKLCH

0.5477 0.0488 68.8

Properties

Warm Dark Nearest: burlywood 4

Color Harmonies

Complementary

#846C52

#526A84

Analogous

#845352

#838452

#846C52

Triadic

#846C52

#52846C

#6C5284

Split Complementary

#846C52

#528384

#535284

Tetradic

#846C52

#528453

#526A84

#845283

Color Blindness Simulation

Original

#846C52

Protanopia

#7A7958

Deuteranopia

#7B7D5A

Tritanopia

#835D5E

Achromatopsia

#6F6F6F

CSS Usage

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

Tailwind Shades

50
#F9F7F6
100
#F1EDEA
200
#E4DCD3
300
#D0C2B3
400
#B7A28B
500
#9D8162
600
#7E674E
700
#65523F
800
#4F4031
900
#3B3126
950
#251F18

Contrast Checker

Text on white

4.94:1

AA Pass AAA Fail

Text on black

4.25:1

AA Fail 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