#889186

#889186

Color Values

HEX

#889186

RGB

136, 145, 134

HSL

109.1, 4.8%, 54.7%

HSV

109.1, 7.6%, 56.9%

CMYK

6.2%, 0.0%, 7.6%, 43.1%

OKLCH

0.646 0.0192 140.0

Properties

Cool Light Nearest: honeydew 4

Color Harmonies

Complementary

#889186

#8F8691

Analogous

#8D9186

#869189

#889186

Triadic

#889186

#868891

#918688

Split Complementary

#889186

#898691

#91868D

Tetradic

#889186

#868D91

#8F8691

#918986

Color Blindness Simulation

Original

#889186

Protanopia

#8C8C89

Deuteranopia

#8B8B89

Tritanopia

#888B8B

Achromatopsia

#8E8E8E

CSS Usage

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

Tailwind Shades

50
#F7F8F7
100
#EDEEEC
200
#DADDDA
300
#C0C5BF
400
#9EA59C
500
#7C8679
600
#636B61
700
#4F564E
800
#3E433D
900
#2F332E
950
#1E201D

Contrast Checker

Text on white

3.26:1

AA Fail AAA Fail

Text on black

6.44:1

AA Pass AAA Fail

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