#889C8D

#889C8D

Color Values

HEX

#889C8D

RGB

136, 156, 141

HSL

135.0, 9.2%, 57.3%

HSV

135.0, 12.8%, 61.2%

CMYK

12.8%, 0.0%, 9.6%, 38.8%

OKLCH

0.6726 0.0315 153.1

Properties

Cool Light Nearest: RAL 7042 Traffic Grey A

Color Harmonies

Complementary

#889C8D

#9C8897

Analogous

#8D9C88

#889C97

#889C8D

Triadic

#889C8D

#8D889C

#9C8D88

Split Complementary

#889C8D

#97889C

#9C888D

Tetradic

#889C8D

#888D9C

#9C8897

#9C9788

Color Blindness Simulation

Original

#889C8D

Protanopia

#919191

Deuteranopia

#908E92

Tritanopia

#899394

Achromatopsia

#979797

CSS Usage

background-color: #889C8D;
color: #889C8D;
border-color: #889C8D;
Nearest Tailwind: Neutral 400 #A3A3A3

Tailwind Shades

50
#F7F8F7
100
#ECEFEC
200
#D8DFDA
300
#BCC7BF
400
#98A99C
500
#748B7A
600
#5D6F61
700
#4A594E
800
#3A463D
900
#2C342E
950
#1C211D

Contrast Checker

Text on white

2.92:1

AA Fail AAA Fail

Text on black

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