#885F2F

#885F2F

Color Values

HEX

#885F2F

RGB

136, 95, 47

HSL

32.4, 48.6%, 35.9%

HSV

32.4, 65.4%, 53.3%

CMYK

0.0%, 30.1%, 65.4%, 46.7%

OKLCH

0.5188 0.0835 68.4

Properties

Warm Dark Nearest: tan 4

Color Harmonies

Complementary

#885F2F

#2F5888

Analogous

#88332F

#84882F

#885F2F

Triadic

#885F2F

#2F885F

#5F2F88

Split Complementary

#885F2F

#2F8488

#332F88

Tetradic

#885F2F

#2F8833

#2F5888

#882F84

Color Blindness Simulation

Original

#885F2F

Protanopia

#76763B

Deuteranopia

#797C3D

Tritanopia

#864446

Achromatopsia

#646464

CSS Usage

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

Tailwind Shades

50
#FBF8F4
100
#F5EEE6
200
#EDDDCA
300
#E0C4A4
400
#CFA473
500
#BD8442
600
#986A34
700
#79552A
800
#5F4221
900
#46321B
950
#2C2011

Contrast Checker

Text on white

5.64:1

AA Pass AAA Fail

Text on black

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