#785B76

#785B76

Color Values

HEX

#785B76

RGB

120, 91, 118

HSL

304.1, 13.7%, 41.4%

HSV

304.1, 24.2%, 47.1%

CMYK

0.0%, 24.2%, 1.7%, 52.9%

OKLCH

0.5103 0.055 328.6

Properties

Warm Dark Nearest: plum 4

Color Harmonies

Complementary

#785B76

#5B785D

Analogous

#6C5B78

#785B68

#785B76

Triadic

#785B76

#76785B

#5B7678

Split Complementary

#785B76

#68785B

#5B786C

Tetradic

#785B76

#786C5B

#5B785D

#5B6878

Color Blindness Simulation

Original

#785B76

Protanopia

#6B6B6F

Deuteranopia

#6D6F6E

Tritanopia

#776A69

Achromatopsia

#636363

CSS Usage

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

Tailwind Shades

50
#F8F6F8
100
#EFEBEF
200
#E0D6E0
300
#CAB9C9
400
#AE94AC
500
#916E8F
600
#745872
700
#5D465B
800
#483747
900
#362A36
950
#221B22

Contrast Checker

Text on white

5.9:1

AA Pass AAA Fail

Text on black

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