#786076

#786076

Color Values

HEX

#786076

RGB

120, 96, 118

HSL

305.0, 11.1%, 42.4%

HSV

305.0, 20.0%, 47.1%

CMYK

0.0%, 20.0%, 1.7%, 52.9%

OKLCH

0.5204 0.045 328.9

Properties

Warm Dark Nearest: Eggplant

Color Harmonies

Complementary

#786076

#607862

Analogous

#6E6078

#78606A

#786076

Triadic

#786076

#767860

#607678

Split Complementary

#786076

#6A7860

#60786E

Tetradic

#786076

#786E60

#607862

#606A78

Color Blindness Simulation

Original

#786076

Protanopia

#6E6D71

Deuteranopia

#6F716F

Tritanopia

#776C6C

Achromatopsia

#676767

CSS Usage

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

Tailwind Shades

50
#F8F7F8
100
#EFEBEF
200
#DFD7DF
300
#C9BBC7
400
#AB96A9
500
#8E718B
600
#715B6F
700
#5B4959
800
#473946
900
#352C34
950
#221C21

Contrast Checker

Text on white

5.62:1

AA Pass AAA Fail

Text on black

3.73:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026