#8F6356

#8F6356

Color Values

HEX

#8F6356

RGB

143, 99, 86

HSL

13.7, 24.9%, 44.9%

HSV

13.7, 39.9%, 56.1%

CMYK

0.0%, 30.8%, 39.9%, 43.9%

OKLCH

0.5425 0.061 37.1

Properties

Warm Dark Nearest: lightsalmon 4

Color Harmonies

Complementary

#8F6356

#56828F

Analogous

#8F5665

#8F8056

#8F6356

Triadic

#8F6356

#568F63

#63568F

Split Complementary

#8F6356

#568F80

#56658F

Tetradic

#8F6356

#658F56

#56828F

#80568F

Color Blindness Simulation

Original

#8F6356

Protanopia

#7C7C59

Deuteranopia

#7E825A

Tritanopia

#8D5C5C

Achromatopsia

#6B6B6B

CSS Usage

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

Tailwind Shades

50
#F9F6F6
100
#F1EBE9
200
#E4D6D2
300
#D1BAB3
400
#B89489
500
#9F6E60
600
#7F584D
700
#66473D
800
#503730
900
#3B2B26
950
#251B18

Contrast Checker

Text on white

5.14:1

AA Pass AAA Fail

Text on black

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