#80748C

#80748C

Color Values

HEX

#80748C

RGB

128, 116, 140

HSL

270.0, 9.4%, 50.2%

HSV

270.0, 17.1%, 54.9%

CMYK

8.6%, 17.1%, 0.0%, 45.1%

OKLCH

0.5782 0.0388 307.7

Properties

Cool Light Nearest: thistle 4

Color Harmonies

Complementary

#80748C

#808C74

Analogous

#74748C

#8C748C

#80748C

Triadic

#80748C

#8C8074

#748C80

Split Complementary

#80748C

#8C8C74

#748C74

Tetradic

#80748C

#8C7474

#808C74

#748C8C

Color Blindness Simulation

Original

#80748C

Protanopia

#7B7B86

Deuteranopia

#7C7C85

Tritanopia

#7F8281

Achromatopsia

#787878

CSS Usage

background-color: #80748C;
color: #80748C;
border-color: #80748C;
Nearest Tailwind: Gray 500 #6B7280

Tailwind Shades

50
#F7F7F8
100
#EDECEF
200
#DBD8DF
300
#C2BCC8
400
#A198AA
500
#80748B
600
#665C70
700
#524A59
800
#403A46
900
#302C35
950
#1F1C21

Contrast Checker

Text on white

4.38:1

AA Fail AAA Fail

Text on black

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