#80879B

#80879B

Color Values

HEX

#80879B

RGB

128, 135, 155

HSL

224.4, 11.9%, 55.5%

HSV

224.4, 17.4%, 60.8%

CMYK

17.4%, 12.9%, 0.0%, 39.2%

OKLCH

0.6245 0.0312 270.2

Properties

Cool Light Nearest: lightslategrey

Color Harmonies

Complementary

#80879B

#9B9480

Analogous

#80959B

#87809B

#80879B

Triadic

#80879B

#9B8087

#879B80

Split Complementary

#80879B

#9B8780

#959B80

Tetradic

#80879B

#9B8095

#9B9480

#809B87

Color Blindness Simulation

Original

#80879B

Protanopia

#838396

Deuteranopia

#838295

Tritanopia

#809292

Achromatopsia

#878787

CSS Usage

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

Tailwind Shades

50
#F7F7F8
100
#EBECEF
200
#D7D9E0
300
#BBBEC9
400
#959BAC
500
#70788F
600
#5A6072
700
#484D5B
800
#383C47
900
#2B2E36
950
#1B1D22

Contrast Checker

Text on white

3.59:1

AA Fail AAA Fail

Text on black

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