#8B6552

#8B6552

Color Values

HEX

#8B6552

RGB

139, 101, 82

HSL

20.0, 25.8%, 43.3%

HSV

20.0, 41.0%, 54.5%

CMYK

0.0%, 27.3%, 41.0%, 45.5%

OKLCH

0.5409 0.0571 47.6

Properties

Warm Dark Nearest: RAL 8024 Beige Brown

Color Harmonies

Complementary

#8B6552

#52788B

Analogous

#8B525B

#8B8152

#8B6552

Triadic

#8B6552

#528B65

#65528B

Split Complementary

#8B6552

#528B81

#525B8B

Tetradic

#8B6552

#5B8B52

#52788B

#81528B

Color Blindness Simulation

Original

#8B6552

Protanopia

#7B7A57

Deuteranopia

#7D8058

Tritanopia

#895A5B

Achromatopsia

#6C6C6C

CSS Usage

background-color: #8B6552;
color: #8B6552;
border-color: #8B6552;
Nearest Tailwind: Stone 500 #78716C

Tailwind Shades

50
#F9F7F6
100
#F1ECE9
200
#E5D8D2
300
#D2BDB2
400
#B99988
500
#A0755F
600
#805D4C
700
#674B3D
800
#503A2F
900
#3C2D25
950
#261C17

Contrast Checker

Text on white

5.15:1

AA Pass AAA Fail

Text on black

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