#885B35

#885B35

Color Values

HEX

#885B35

RGB

136, 91, 53

HSL

27.5, 43.9%, 37.1%

HSV

27.5, 61.0%, 53.3%

CMYK

0.0%, 33.1%, 61.0%, 46.7%

OKLCH

0.5115 0.0796 59.8

Properties

Warm Dark Nearest: tan 4

Color Harmonies

Complementary

#885B35

#356288

Analogous

#883539

#888535

#885B35

Triadic

#885B35

#35885B

#5B3588

Split Complementary

#885B35

#358885

#353988

Tetradic

#885B35

#398835

#356288

#853588

Color Blindness Simulation

Original

#885B35

Protanopia

#75743E

Deuteranopia

#777A40

Tritanopia

#864547

Achromatopsia

#626262

CSS Usage

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

Tailwind Shades

50
#FAF7F4
100
#F4EDE6
200
#EBDACC
300
#DDC0A7
400
#CA9D77
500
#B77B48
600
#936239
700
#754F2E
800
#5C3D24
900
#442F1D
950
#2B1E13

Contrast Checker

Text on white

5.84:1

AA Pass AAA Fail

Text on black

3.59:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026