#8F705C

#8F705C

Color Values

HEX

#8F705C

RGB

143, 112, 92

HSL

23,5, 21,7%, 46,1%

HSV

23,5, 35,7%, 56,1%

CMYK

0,0%, 21,7%, 35,7%, 43,9%

OKLCH

0,5702 0,0493 54,3

Properties

Warm Light Nearest: peachpuff 4

Color Harmonies

Complementary

#8F705C

#5C7B8F

Analogous

#8F5C62

#8F8A5C

#8F705C

Triadic

#8F705C

#5C8F70

#705C8F

Split Complementary

#8F705C

#5C8F8A

#5C628F

Tetradic

#8F705C

#628F5C

#5C7B8F

#8A5C8F

Color Blindness Simulation

Original

#8F705C

Protanopia

#828161

Deuteranopia

#838662

Tritanopia

#8D6566

Achromatopsia

#757575

CSS Usage

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

Tailwind Shades

50
#F9F7F6
100
#F0ECEA
200
#E3DAD4
300
#CFBFB5
400
#B59C8C
500
#9B7A64
600
#7C6150
700
#634E40
800
#4E3D32
900
#3A2E27
950
#251D19

Contrast Checker

Text on white

4,53:1

AA Pass AAA Fail

Text on black

4,64:1

AA Pass 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