#8F9B78

#8F9B78

Color Values

HEX

#8F9B78

RGB

143, 155, 120

HSL

80.6, 14.9%, 53.9%

HSV

80.6, 22.6%, 60.8%

CMYK

7.7%, 0.0%, 22.6%, 39.2%

OKLCH

0.6703 0.0516 123.2

Properties

Cool Light Nearest: RAL 7034 Yellow Grey

Color Harmonies

Complementary

#8F9B78

#84789B

Analogous

#9B9578

#7D9B78

#8F9B78

Triadic

#8F9B78

#788F9B

#9B788F

Split Complementary

#8F9B78

#787D9B

#95789B

Tetradic

#8F9B78

#789B95

#84789B

#9B787D

Color Blindness Simulation

Original

#8F9B78

Protanopia

#949480

Deuteranopia

#949382

Tritanopia

#908789

Achromatopsia

#969696

CSS Usage

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

Tailwind Shades

50
#F8F8F6
100
#EEEFEB
200
#DDE1D6
300
#C5CBB9
400
#A5AF93
500
#85926D
600
#6B7557
700
#555E45
800
#434936
900
#32372A
950
#20231A

Contrast Checker

Text on white

2.95:1

AA Fail AAA Fail

Text on black

7.13:1

AA Pass AAA Pass

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