#786274

#786274

Color Values

HEX

#786274

RGB

120, 98, 116

HSL

310.9, 10.1%, 42.7%

HSV

310.9, 18.3%, 47.1%

CMYK

0.0%, 18.3%, 3.3%, 52.9%

OKLCH

0.5238 0.0389 332.4

Properties

Warm Dark Nearest: Eggplant

Color Harmonies

Complementary

#786274

#627866

Analogous

#716278

#786269

#786274

Triadic

#786274

#747862

#627478

Split Complementary

#786274

#697862

#627871

Tetradic

#786274

#787162

#627866

#626978

Color Blindness Simulation

Original

#786274

Protanopia

#6E6E70

Deuteranopia

#70716F

Tritanopia

#776C6B

Achromatopsia

#686868

CSS Usage

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

Tailwind Shades

50
#F8F7F8
100
#EFECEE
200
#DFD8DE
300
#C8BCC6
400
#AA97A7
500
#8C7388
600
#705C6D
700
#5A4957
800
#463944
900
#352C33
950
#211C20

Contrast Checker

Text on white

5.53:1

AA Pass AAA Fail

Text on black

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