#855630

#855630

Color Values

HEX

#855630

RGB

133, 86, 48

HSL

26.8, 47.0%, 35.5%

HSV

26.8, 63.9%, 52.2%

CMYK

0.0%, 35.3%, 63.9%, 47.8%

OKLCH

0.497 0.0819 58.3

Properties

Warm Dark Nearest: tan 4

Color Harmonies

Complementary

#855630

#305F85

Analogous

#853035

#858130

#855630

Triadic

#855630

#308556

#563085

Split Complementary

#855630

#308581

#303585

Tetradic

#855630

#358530

#305F85

#813085

Color Blindness Simulation

Original

#855630

Protanopia

#717039

Deuteranopia

#73773B

Tritanopia

#834042

Achromatopsia

#5D5D5D

CSS Usage

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

Tailwind Shades

50
#FAF7F4
100
#F4ECE6
200
#ECDACB
300
#DFBFA5
400
#CD9C74
500
#BB7944
600
#966136
700
#784E2B
800
#5E3D22
900
#452E1C
950
#2C1D12

Contrast Checker

Text on white

6.23:1

AA Pass AAA Fail

Text on black

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