#889477

#889477

Color Values

HEX

#889477

RGB

136, 148, 119

HSL

84.8, 11.9%, 52.4%

HSV

84.8, 19.6%, 58.0%

CMYK

8.1%, 0.0%, 19.6%, 42.0%

OKLCH

0.6487 0.044 125.9

Properties

Cool Light Nearest: RAL 7030 Stone Grey

Color Harmonies

Complementary

#889477

#837794

Analogous

#949277

#7A9477

#889477

Triadic

#889477

#778894

#947788

Split Complementary

#889477

#777A94

#927794

Tetradic

#889477

#779492

#837794

#94777A

Color Blindness Simulation

Original

#889477

Protanopia

#8D8D7E

Deuteranopia

#8C8C80

Tritanopia

#898485

Achromatopsia

#8F8F8F

CSS Usage

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

Tailwind Shades

50
#F7F8F7
100
#EDEFEB
200
#DCE0D7
300
#C3C9BB
400
#A3AC95
500
#828F70
600
#68725A
700
#535B48
800
#414738
900
#31362B
950
#1F221B

Contrast Checker

Text on white

3.21:1

AA Fail AAA Fail

Text on black

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