#8F9577

#8F9577

Color Values

HEX

#8F9577

RGB

143, 149, 119

HSL

72.0, 12.4%, 52.5%

HSV

72.0, 20.1%, 58.4%

CMYK

4.0%, 0.0%, 20.1%, 41.6%

OKLCH

0.6566 0.0434 116.8

Properties

Cool Light Nearest: RAL 7034 Yellow Grey

Color Harmonies

Complementary

#8F9577

#7D7795

Analogous

#958C77

#809577

#8F9577

Triadic

#8F9577

#778F95

#95778F

Split Complementary

#8F9577

#778095

#8C7795

Tetradic

#8F9577

#77958C

#7D7795

#957780

Color Blindness Simulation

Original

#8F9577

Protanopia

#92927E

Deuteranopia

#919180

Tritanopia

#8F8485

Achromatopsia

#929292

CSS Usage

background-color: #8F9577;
color: #8F9577;
border-color: #8F9577;
Nearest Tailwind: Stone 400 #A8A29E

Tailwind Shades

50
#F8F8F7
100
#EEEFEB
200
#DEE0D7
300
#C6C9BA
400
#A8AC95
500
#898F70
600
#6E7359
700
#585C47
800
#444838
900
#34362B
950
#21221B

Contrast Checker

Text on white

3.12:1

AA Fail AAA Fail

Text on black

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