#888E97

#888E97

Color Values

HEX

#888E97

RGB

136, 142, 151

HSL

216.0, 6.7%, 56.3%

HSV

216.0, 9.9%, 59.2%

CMYK

9.9%, 6.0%, 0.0%, 40.8%

OKLCH

0.6447 0.0151 258.4

Properties

Cool Light Nearest: RAL 7046 Telegrey 2

Color Harmonies

Complementary

#888E97

#979188

Analogous

#889697

#8A8897

#888E97

Triadic

#888E97

#97888E

#8E9788

Split Complementary

#888E97

#978A88

#969788

Tetradic

#888E97

#978896

#979188

#88978A

Color Blindness Simulation

Original

#888E97

Protanopia

#8B8B95

Deuteranopia

#8A8A94

Tritanopia

#889393

Achromatopsia

#8D8D8D

CSS Usage

background-color: #888E97;
color: #888E97;
border-color: #888E97;
Nearest Tailwind: Zinc 400 #A1A1AA

Tailwind Shades

50
#F7F7F8
100
#ECEDEE
200
#D9DBDE
300
#BEC1C6
400
#9A9FA7
500
#777E88
600
#5F656D
700
#4C5157
800
#3B3F44
900
#2E3033
950
#1D1E20

Contrast Checker

Text on white

3.3:1

AA Fail AAA Fail

Text on black

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