#889E89

#889E89

Color Values

HEX

#889E89

RGB

136, 158, 137

HSL

122.7, 10.2%, 57.6%

HSV

122.7, 13.9%, 62.0%

CMYK

13.9%, 0.0%, 13.3%, 38.0%

OKLCH

0.676 0.0393 146.4

Properties

Cool Light Nearest: RAL 7030 Stone Grey

Color Harmonies

Complementary

#889E89

#9E889D

Analogous

#929E88

#889E94

#889E89

Triadic

#889E89

#89889E

#9E8988

Split Complementary

#889E89

#94889E

#9E8892

Tetradic

#889E89

#88929E

#9E889D

#9E9488

Color Blindness Simulation

Original

#889E89

Protanopia

#92928E

Deuteranopia

#908F8F

Tritanopia

#899293

Achromatopsia

#989898

CSS Usage

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

Tailwind Shades

50
#F7F8F7
100
#ECEFEC
200
#D8DFD8
300
#BCC8BC
400
#97AA98
500
#728D74
600
#5C705D
700
#495A4A
800
#39463A
900
#2C352C
950
#1C211C

Contrast Checker

Text on white

2.88:1

AA Fail AAA Fail

Text on black

7.3:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026