#855F2E

#855F2E

Color Values

HEX

#855F2E

RGB

133, 95, 46

HSL

33.8, 48.6%, 35.1%

HSV

33.8, 65.4%, 52.2%

CMYK

0.0%, 28.6%, 65.4%, 47.8%

OKLCH

0.515 0.082 71.1

Properties

Warm Dark Nearest: tan 4

Color Harmonies

Complementary

#855F2E

#2E5485

Analogous

#85342E

#7F852E

#855F2E

Triadic

#855F2E

#2E855F

#5F2E85

Split Complementary

#855F2E

#2E7F85

#342E85

Tetradic

#855F2E

#2E8534

#2E5485

#852E7F

Color Blindness Simulation

Original

#855F2E

Protanopia

#75743A

Deuteranopia

#777A3D

Tritanopia

#834345

Achromatopsia

#646464

CSS Usage

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

Tailwind Shades

50
#FBF8F4
100
#F5EEE6
200
#EDDDCA
300
#E0C6A4
400
#CFA673
500
#BD8742
600
#986C34
700
#79572A
800
#5F4421
900
#46331B
950
#2C2011

Contrast Checker

Text on white

5.72:1

AA Pass AAA Fail

Text on black

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