#80506C

#80506C

Color Values

HEX

#80506C

RGB

128, 80, 108

HSL

325.0, 23.1%, 40.8%

HSV

325.0, 37.5%, 50.2%

CMYK

0.0%, 37.5%, 15.6%, 49.8%

OKLCH

0.4947 0.075 344.3

Properties

Warm Dark Nearest: palevioletred 4

Color Harmonies

Complementary

#80506C

#508064

Analogous

#7C5080

#805054

#80506C

Triadic

#80506C

#6C8050

#506C80

Split Complementary

#80506C

#548050

#50807C

Tetradic

#80506C

#807C50

#508064

#505480

Color Blindness Simulation

Original

#80506C

Protanopia

#6B6B65

Deuteranopia

#6E7264

Tritanopia

#7E605F

Achromatopsia

#5C5C5C

CSS Usage

background-color: #80506C;
color: #80506C;
border-color: #80506C;
Nearest Tailwind: Zinc 600 #52525B

Tailwind Shades

50
#F9F6F8
100
#F1EAEE
200
#E4D3DD
300
#D0B4C4
400
#B68BA4
500
#9D6284
600
#7E4E6A
700
#643F55
800
#4E3142
900
#3B2632
950
#251820

Contrast Checker

Text on white

6.4:1

AA Pass AAA Fail

Text on black

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