#786473

#786473

Color Values

HEX

#786473

RGB

120, 100, 115

HSL

315.0, 9.1%, 43.1%

HSV

315.0, 16.7%, 47.1%

CMYK

0.0%, 16.7%, 4.2%, 52.9%

OKLCH

0.5276 0.0339 334.9

Properties

Warm Dark Nearest: RAL 4012 Pearl Blackberry

Color Harmonies

Complementary

#786473

#647869

Analogous

#736478

#786469

#786473

Triadic

#786473

#737864

#647378

Split Complementary

#786473

#697864

#647873

Tetradic

#786473

#787364

#647869

#646978

Color Blindness Simulation

Original

#786473

Protanopia

#6F6F6F

Deuteranopia

#70726E

Tritanopia

#776D6C

Achromatopsia

#696969

CSS Usage

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

Tailwind Shades

50
#F8F7F8
100
#EFECEE
200
#DFD8DD
300
#C7BCC5
400
#A998A5
500
#8B7485
600
#6F5D6B
700
#594A55
800
#463A43
900
#342C32
950
#211C20

Contrast Checker

Text on white

5.43:1

AA Pass AAA Fail

Text on black

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