#8F6963

#8F6963

Color Values

HEX

#8F6963

RGB

143, 105, 99

HSL

8.2, 18.2%, 47.5%

HSV

8.2, 30.8%, 56.1%

CMYK

0.0%, 26.6%, 30.8%, 43.9%

OKLCH

0.5577 0.0501 28.9

Properties

Warm Dark Nearest: rosybrown 4

Color Harmonies

Complementary

#8F6963

#63898F

Analogous

#8F6373

#8F7F63

#8F6963

Triadic

#8F6963

#638F69

#69638F

Split Complementary

#8F6963

#638F7F

#63738F

Tetradic

#8F6963

#738F63

#63898F

#7F638F

Color Blindness Simulation

Original

#8F6963

Protanopia

#7F7E64

Deuteranopia

#818465

Tritanopia

#8D6666

Achromatopsia

#717171

CSS Usage

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

Tailwind Shades

50
#F9F6F6
100
#F0EBEA
200
#E2D7D5
300
#CDBAB7
400
#B2948F
500
#976F68
600
#795953
700
#604743
800
#4B3734
900
#382B29
950
#241B1A

Contrast Checker

Text on white

4.81:1

AA Pass AAA Fail

Text on black

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