#80677D

#80677D

Color Values

HEX

#80677D

RGB

128, 103, 125

HSL

307.2, 10.8%, 45.3%

HSV

307.2, 19.5%, 50.2%

CMYK

0.0%, 19.5%, 2.3%, 49.8%

OKLCH

0.5457 0.0453 330.2

Properties

Warm Dark Nearest: thistle 4

Color Harmonies

Complementary

#80677D

#67806A

Analogous

#776780

#806771

#80677D

Triadic

#80677D

#7D8067

#677D80

Split Complementary

#80677D

#718067

#678077

Tetradic

#80677D

#807767

#67806A

#677180

Color Blindness Simulation

Original

#80677D

Protanopia

#757578

Deuteranopia

#777876

Tritanopia

#7F7373

Achromatopsia

#6E6E6E

CSS Usage

background-color: #80677D;
color: #80677D;
border-color: #80677D;
Nearest Tailwind: Zinc 500 #71717A

Tailwind Shades

50
#F8F7F8
100
#EFECEE
200
#DFD7DE
300
#C8BBC7
400
#AB96A8
500
#8D728A
600
#715B6E
700
#5A4958
800
#473945
900
#352C34
950
#221C21

Contrast Checker

Text on white

5.06:1

AA Pass AAA Fail

Text on black

4.15:1

AA Fail 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