#989E74

#989E74

Color Values

HEX

#989E74

RGB

152, 158, 116

HSL

68.6, 17.8%, 53.7%

HSV

68.6, 26.6%, 62.0%

CMYK

3.8%, 0.0%, 26.6%, 38.0%

OKLCH

0.6834 0.059 114.6

Properties

Cool Light Nearest: RAL 1019 Grey Beige

Color Harmonies

Complementary

#989E74

#7A749E

Analogous

#9E8F74

#839E74

#989E74

Triadic

#989E74

#74989E

#9E7498

Split Complementary

#989E74

#74839E

#8F749E

Tetradic

#989E74

#749E8F

#7A749E

#9E7483

Color Blindness Simulation

Original

#989E74

Protanopia

#9B9B7E

Deuteranopia

#9A9A81

Tritanopia

#988688

Achromatopsia

#9A9A9A

CSS Usage

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

Tailwind Shades

50
#F8F9F6
100
#EFF0EA
200
#E0E2D5
300
#CACDB7
400
#ADB190
500
#909669
600
#737854
700
#5C6043
800
#484B34
900
#363829
950
#22241A

Contrast Checker

Text on white

2.81:1

AA Fail AAA Fail

Text on black

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