#989C78

#989C78

Color Values

HEX

#989C78

RGB

152, 156, 120

HSL

66.7, 15.4%, 54.1%

HSV

66.7, 23.1%, 61.2%

CMYK

2.6%, 0.0%, 23.1%, 38.8%

OKLCH

0.6799 0.0508 112.9

Properties

Cool Light Nearest: RAL 7034 Yellow Grey

Color Harmonies

Complementary

#989C78

#7C789C

Analogous

#9C8E78

#869C78

#989C78

Triadic

#989C78

#78989C

#9C7898

Split Complementary

#989C78

#78869C

#8E789C

Tetradic

#989C78

#789C8E

#7C789C

#9C7886

Color Blindness Simulation

Original

#989C78

Protanopia

#9A9A81

Deuteranopia

#9A9983

Tritanopia

#988889

Achromatopsia

#999999

CSS Usage

background-color: #989C78;
color: #989C78;
border-color: #989C78;
Nearest Tailwind: Stone 400 #A8A29E

Tailwind Shades

50
#F8F8F6
100
#EFEFEB
200
#E0E1D6
300
#C9CBB8
400
#ACAF92
500
#8F936C
600
#727656
700
#5B5E45
800
#474A36
900
#36372A
950
#22231A

Contrast Checker

Text on white

2.85:1

AA Fail AAA Fail

Text on black

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