#8F7F48

#8F7F48

Color Values

HEX

#8F7F48

RGB

143, 127, 72

HSL

46.5, 33.0%, 42.2%

HSV

46.5, 49.7%, 56.1%

CMYK

0.0%, 11.2%, 49.7%, 43.9%

OKLCH

0.5984 0.0768 93.6

Properties

Warm Light Nearest: lightgoldenrod 4

Color Harmonies

Complementary

#8F7F48

#48588F

Analogous

#8F5C48

#7C8F48

#8F7F48

Triadic

#8F7F48

#488F7F

#7F488F

Split Complementary

#8F7F48

#487C8F

#5C488F

Tetradic

#8F7F48

#488F5C

#48588F

#8F487C

Color Blindness Simulation

Original

#8F7F48

Protanopia

#888855

Deuteranopia

#898A58

Tritanopia

#8E6062

Achromatopsia

#7E7E7E

CSS Usage

background-color: #8F7F48;
color: #8F7F48;
border-color: #8F7F48;
Nearest Tailwind: Yellow 800 #854D0E

Tailwind Shades

50
#F9F9F5
100
#F2F0E8
200
#E7E2D0
300
#D6CDAE
400
#C0B282
500
#AA9755
600
#887944
700
#6D6037
800
#554B2B
900
#3F3822
950
#282416

Contrast Checker

Text on white

3.96:1

AA Fail AAA Fail

Text on black

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