#80767C

#80767C

Color Values

HEX

#80767C

RGB

128, 118, 124

HSL

324.0, 4.1%, 48.2%

HSV

324.0, 7.8%, 50.2%

CMYK

0.0%, 7.8%, 3.1%, 49.8%

OKLCH

0.5768 0.0151 340.8

Properties

Warm Light Nearest: lavenderblush 4

Color Harmonies

Complementary

#80767C

#76807A

Analogous

#7F7680

#807677

#80767C

Triadic

#80767C

#7C8076

#767C80

Split Complementary

#80767C

#778076

#76807F

Tetradic

#80767C

#807F76

#76807A

#767780

Color Blindness Simulation

Original

#80767C

Protanopia

#7C7C7B

Deuteranopia

#7C7D7A

Tritanopia

#807979

Achromatopsia

#797979

CSS Usage

background-color: #80767C;
color: #80767C;
border-color: #80767C;
Nearest Tailwind: Zinc 500 #71717A

Tailwind Shades

50
#F8F7F7
100
#EEEDED
200
#DDDADC
300
#C4BFC2
400
#A59DA1
500
#857A81
600
#6A6267
700
#554E52
800
#423D40
900
#322F31
950
#201D1F

Contrast Checker

Text on white

4.37:1

AA Fail AAA Fail

Text on black

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