#856432

#856432

Color Values

HEX

#856432

RGB

133, 100, 50

HSL

36.1, 45.4%, 35.9%

HSV

36.1, 62.4%, 52.2%

CMYK

0.0%, 24.8%, 62.4%, 47.8%

OKLCH

0.5261 0.0794 75.9

Properties

Warm Dark Nearest: RAL 8000 Green Brown

Color Harmonies

Complementary

#856432

#325385

Analogous

#853A32

#7D8532

#856432

Triadic

#856432

#328564

#643285

Split Complementary

#856432

#327D85

#3A3285

Tetradic

#856432

#32853A

#325385

#85327D

Color Blindness Simulation

Original

#856432

Protanopia

#77763E

Deuteranopia

#797B41

Tritanopia

#83484A

Achromatopsia

#676767

CSS Usage

background-color: #856432;
color: #856432;
border-color: #856432;
Nearest Tailwind: Yellow 900 #713F12

Tailwind Shades

50
#FAF8F4
100
#F4EFE6
200
#ECDFCB
300
#DEC7A6
400
#CBA976
500
#B98B46
600
#946F38
700
#77592D
800
#5D4623
900
#44341D
950
#2B2112

Contrast Checker

Text on white

5.43:1

AA Pass AAA Fail

Text on black

3.87:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

2月 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2月 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2月 19, 2026