#855C22

#855C22

Color Values

HEX

#855C22

RGB

133, 92, 34

HSL

35.2, 59.3%, 32.7%

HSV

35.2, 74.4%, 52.2%

CMYK

0.0%, 30.8%, 74.4%, 47.8%

OKLCH

0.5075 0.0906 72.2

Properties

Warm Dark Nearest: tan 4

Color Harmonies

Complementary

#855C22

#224B85

Analogous

#852B22

#7C8522

#855C22

Triadic

#855C22

#22855C

#5C2285

Split Complementary

#855C22

#227C85

#2B2285

Tetradic

#855C22

#22852B

#224B85

#85227C

Color Blindness Simulation

Original

#855C22

Protanopia

#737330

Deuteranopia

#767933

Tritanopia

#833B3E

Achromatopsia

#616161

CSS Usage

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

Tailwind Shades

50
#FBF8F3
100
#F6EFE4
200
#F0DFC6
300
#E6C89E
400
#D9AA69
500
#CB8D34
600
#A2702A
700
#825A21
800
#66461A
900
#4A3517
950
#2F210E

Contrast Checker

Text on white

5.91:1

AA Pass AAA Fail

Text on black

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