#78586C

#78586C

Color Values

HEX

#78586C

RGB

120, 88, 108

HSL

322.5, 15.4%, 40.8%

HSV

322.5, 26.7%, 47.1%

CMYK

0.0%, 26.7%, 10.0%, 52.9%

OKLCH

0.5005 0.0512 341.2

Properties

Warm Dark Nearest: Eggplant

Color Harmonies

Complementary

#78586C

#587864

Analogous

#745878

#78585C

#78586C

Triadic

#78586C

#6C7858

#586C78

Split Complementary

#78586C

#5C7858

#587874

Tetradic

#78586C

#787458

#587864

#585C78

Color Blindness Simulation

Original

#78586C

Protanopia

#6A6A67

Deuteranopia

#6C6E66

Tritanopia

#766362

Achromatopsia

#606060

CSS Usage

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

Tailwind Shades

50
#F8F6F8
100
#EFEBEE
200
#E1D6DD
300
#CBB8C4
400
#AF92A4
500
#936C84
600
#76566A
700
#5E4555
800
#4A3642
900
#372A32
950
#231A20

Contrast Checker

Text on white

6.16:1

AA Pass AAA Fail

Text on black

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