#786174

#786174

Color Values

HEX

#786174

RGB

120, 97, 116

HSL

310.4, 10.6%, 42.5%

HSV

310.4, 19.2%, 47.1%

CMYK

0.0%, 19.2%, 3.3%, 52.9%

OKLCH

0.5218 0.0409 332.1

Properties

Warm Dark Nearest: Eggplant

Color Harmonies

Complementary

#786174

#617865

Analogous

#706178

#786168

#786174

Triadic

#786174

#747861

#617478

Split Complementary

#786174

#687861

#617870

Tetradic

#786174

#787061

#617865

#616878

Color Blindness Simulation

Original

#786174

Protanopia

#6E6E6F

Deuteranopia

#6F716E

Tritanopia

#776C6B

Achromatopsia

#676767

CSS Usage

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

Tailwind Shades

50
#F8F7F8
100
#EFECEE
200
#DFD8DE
300
#C8BBC6
400
#AB97A7
500
#8D7288
600
#715B6D
700
#5A4957
800
#473944
900
#352C33
950
#221C21

Contrast Checker

Text on white

5.58:1

AA Pass AAA Fail

Text on black

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