#856732

#856732

Color Values

HEX

#856732

RGB

133, 103, 50

HSL

38.3, 45.4%, 35.9%

HSV

38.3, 62.4%, 52.2%

CMYK

0.0%, 22.6%, 62.4%, 47.8%

OKLCH

0.5324 0.0803 79.8

Properties

Warm Dark Nearest: RAL 8000 Green Brown

Color Harmonies

Complementary

#856732

#325085

Analogous

#853D32

#7A8532

#856732

Triadic

#856732

#328567

#673285

Split Complementary

#856732

#327A85

#3D3285

Tetradic

#856732

#32853D

#325085

#85327A

Color Blindness Simulation

Original

#856732

Protanopia

#78783F

Deuteranopia

#7A7C42

Tritanopia

#84494B

Achromatopsia

#6A6A6A

CSS Usage

background-color: #856732;
color: #856732;
border-color: #856732;
Nearest Tailwind: Yellow 800 #854D0E

Tailwind Shades

50
#FAF8F4
100
#F4EFE6
200
#ECE0CB
300
#DEC9A6
400
#CBAD76
500
#B99046
600
#947338
700
#775C2D
800
#5D4823
900
#44361D
950
#2B2212

Contrast Checker

Text on white

5.27:1

AA Pass AAA Fail

Text on black

3.98:1

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