#889C89

#889C89

Color Values

HEX

#889C89

RGB

136, 156, 137

HSL

123.0, 9.2%, 57.3%

HSV

123.0, 12.8%, 61.2%

CMYK

12.8%, 0.0%, 12.2%, 38.8%

OKLCH

0.6715 0.0357 146.5

Properties

Cool Light Nearest: RAL 7042 Traffic Grey A

Color Harmonies

Complementary

#889C89

#9C889B

Analogous

#919C88

#889C93

#889C89

Triadic

#889C89

#89889C

#9C8988

Split Complementary

#889C89

#93889C

#9C8891

Tetradic

#889C89

#88919C

#9C889B

#9C9388

Color Blindness Simulation

Original

#889C89

Protanopia

#91918E

Deuteranopia

#908E8F

Tritanopia

#899192

Achromatopsia

#969696

CSS Usage

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

Tailwind Shades

50
#F7F8F7
100
#ECEFEC
200
#D8DFD8
300
#BCC7BD
400
#98A999
500
#748B75
600
#5D6F5E
700
#4A594B
800
#3A463A
900
#2C342D
950
#1C211C

Contrast Checker

Text on white

2.93:1

AA Fail AAA Fail

Text on black

7.16:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026