#80889E

#80889E

Color Values

HEX

#80889E

RGB

128, 136, 158

HSL

224.0, 13.4%, 56.1%

HSV

224.0, 19.0%, 62.0%

CMYK

19.0%, 13.9%, 0.0%, 38.0%

OKLCH

0.6278 0.0344 269.6

Properties

Cool Light Nearest: lightslategrey

Color Harmonies

Complementary

#80889E

#9E9680

Analogous

#80979E

#87809E

#80889E

Triadic

#80889E

#9E8088

#889E80

Split Complementary

#80889E

#9E8780

#979E80

Tetradic

#80889E

#9E8097

#9E9680

#809E87

Color Blindness Simulation

Original

#80889E

Protanopia

#838499

Deuteranopia

#838297

Tritanopia

#809494

Achromatopsia

#888888

CSS Usage

background-color: #80889E;
color: #80889E;
border-color: #80889E;
Nearest Tailwind: Slate 500 #64748B

Tailwind Shades

50
#F6F7F8
100
#EBECEF
200
#D7D9E0
300
#BABECA
400
#949BAD
500
#6E7891
600
#586074
700
#474C5D
800
#373C48
900
#2B2E36
950
#1B1D22

Contrast Checker

Text on white

3.54:1

AA Fail AAA Fail

Text on black

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